企业OA系统定制开发,挑战百日学习计划第50天(响应式网站开发)

上一周，在群里面吹水摸鱼，然后来了一个学生仔，正好 水平很菜，比我还菜，瞬间我的感觉就上来了，炫耀的时机就在眼前。 在他面前我终于找回了信心。然后他顺水推舟，请教了我三个问题，说是学校的作业， 这逼我一装就大了。 响应式，没搞过… 然后我花了一周时间，又撸了一遍什么是响应式，为什么有这种技术是怎么实现的。

南宁小程序开发企业oa定制：www.nasiot.com

响应式的学习路线：
1.理解响应式：就是多媒体查询

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

2.配合栅格布局系统，

栅格系统一共就是一个网页分12等份！

div class="col-md-4"></div>
<div class="col-md-8"></div>

3.bootstrap，layui 等用的前端框架使用。 三步走下来就会响应式开发了。现在我看了许多的bootstrap实战。 下一篇文章发布响应式小作品！

南宁软件开发：www.nasiot.com