本文强调了优化移动端网页浏览体验的必要性，指出随着越来越多的人使用小屏幕设备上网，现有网站在这些设备上的显示和交互体验需得到改进。通过实例说明了在不同设备上浏览网页时遇到的问题，并提出了优化策略。
虽然统计数据一般仅用作粗略参考，但来自gs.statcounter.com的统计数据却值得注意。从2010年7月到2011年7月的12个月中，全球手机浏览器的使用量从2.86%上涨至7.02%。Internet Explorer 6的使用率则是从8.79%下降到3.42%。到2011年7月，Internet Explorer 7的使用率也降到了5.45% 。如果客户老是要求：“我们的网站必须兼容IE6和IE7！”你可以反驳说：“我们应该把精力花在更有价值的地方。”用手机上网的人比用台式机和笔记本中的IE6或IE7上网的人多多了。你可以听到全球前端开发工程师震耳欲聋的欢呼声！
越来越多的人使用小屏幕设备上网，这些设备上的浏览器在设计时都考虑到了如何显示好现有网站。手机浏览器会将一个标准网页缩小至与设备可视区域（标准技术术语叫做“视口”）恰好匹配。然后用户在自己感兴趣的内容区域上放大浏览。这样看起来已经挺好了，那作为前端设计师和工程师的我们，为什么还要在这上面继续优化呢？
在iPhone或Android手机上浏览的网页越多（如上图所示的那样），就越能深刻体会到为什么我们还需要继续优化。为了看清楚页面内容，需要不停地放大、缩小页面，然后为了看到视口外的文字，再左、右拖动，结果一不小心点了一个链接，你说讨厌不讨厌？我们当然可以做得更好！
摘自即将在12月上市的《响应式Web设计：HTML5和CSS3实战》
扫一扫
1098
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
