响应式网页设计的基本实践
· 阅读需 2 分钟
到了 2013 年,很多网站已经不能再只盯着桌面浏览器了。手机和平板访问越来越多,页面如果还是固定宽度、固定结构,用户体验会立刻掉下来。
到了 2013 年,很多网站已经不能再只盯着桌面浏览器了。手机和平板访问越来越多,页面如果还是固定宽度、固定结构,用户体验会立刻掉下来。
响应式设计讲起来可以很大,但真落到一个老页面改造时,最先让人头疼的常常不是整套布局,而是几个特别显眼的元素:一张固定宽度的大图,或者一排在桌面端很自然、到手机上立刻挤爆的导航。
响应式设计刚开始被大量讨论时,很多教程都会先让你加上一行 viewport。代码看起来很简单,但如果只会照抄,不理解它在手机浏览器里到底改变了什么,后面布局一出问题还是容易手忙脚乱。