本文呢，是我们上一篇文章《前端响应式详解》的下篇。
文章发布后，得到很多同学的关注和评论。
在此，多谢同学们的厚爱。
看过前面几篇详解文章的同学应该知道。
站长我致力于解决“让天下没有难学的编程”这个长远的目标。
同学们的关注、点赞、评论和反馈，是鼓励站长继续创作高质量详解文章，解决天下没有难学的编程这个长远目标的重要鸡血。
至于为什么自称站长？因为，为了上述目标，特意创建了【码路在线coderoad.online】这个网站。
目前网站处于初期阶段（截止到目前，还不到一个星期。）由于站长还有各项事务，并不能花很多时间去完善更多网站功能，但是，很快将会开放更多有趣，有用，好玩的模块出来。所以，大家多多关注，敬请期待。
从前端切图仔开始
如果你是个前端，那么你一定曾经或者现在，是一个切图仔。
切图仔是什么意思呢？
就是把网页设计图，变成前端的html,css代码。
那么很多经验还不是很丰富的同学，一看到设计图，就两眼发光。
赶紧切！赶紧切！切完好下班！
在前端界刀耕火种的N年前，不需要做响应式适配的时代，同学你确实是不可多得的将相之才！
但是呢，响应式时代，早已到来。
同时呢，在我们切图之前，先抽根烟冷静冷静，思考一下。
我们目前，要写一个响应式网页，是怎么做的？
我想，大部分同学都会说，用bootstrap框架，用某某某框架。
我们上一篇文章页已经说了，响应式 不等于 框架。
它是一种，开发思想，是一种解决不同屏幕显示合适内容的开发思维。
实现的技术有N种，就看你想不想得到，也就是你的手段，够不够毒辣。
那么为了让同学们更加深刻地了解到，响应式框架，或者更加合适的说是，响应式模块的设计思路和开发原理（毕竟，我们不可能一篇文章写一个前端框架出来），那就让我们来手动实现一下。
开始设计一个响应式模块
在真正开始之前，我们先来总结一下，响应式模块的特点。
如果大家了解过框架的话，就知道，一般的框架，它都有个关于布局的模块，比如叫做，栅格系统。
什么是栅格系统呢？
栅格栅格，就是一行行，一列列，N列组成一个，就占了多列。
其实就
最低0.47元/天 解锁文章
3702
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
