4 篇博文 含有标签「响应式设计」

刚开始做响应式时，很多人会先去搜“iPhone 多宽、iPad 多宽、常见安卓机多宽”，然后把这些数字直接写进媒体查询。这样当然能快速起步，但做几个页面之后就会发现，只按设备型号设断点，维护起来很容易僵。

到了 2013 年，很多网站已经不能再只盯着桌面浏览器了。手机和平板访问越来越多，页面如果还是固定宽度、固定结构，用户体验会立刻掉下来。

响应式设计讲起来可以很大，但真落到一个老页面改造时，最先让人头疼的常常不是整套布局，而是几个特别显眼的元素：一张固定宽度的大图，或者一排在桌面端很自然、到手机上立刻挤爆的导航。

响应式设计刚开始被大量讨论时，很多教程都会先让你加上一行 viewport。代码看起来很简单，但如果只会照抄，不理解它在手机浏览器里到底改变了什么，后面布局一出问题还是容易手忙脚乱。