读书频道 > 网站 > 网页设计 > 响应式Web设计:HTML5和CSS3实战
1.1 为什么智能手机很重要(而老版的IE不再重要)
12-11-23    奋斗的小年轻
收藏    我要投稿   
移动互联网时代到来了。本书将当前Web 设计中热门的响应式设计技术与HTML5 和CSS3 结合起来,为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。不仅讨论了媒体查询、流式布局、相对字体...立即去当当网订购

虽然统计数据一般仅用作粗略参考,但来自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手机上浏览的网页越多(如上图所示的那样),就越能深刻体会到为什么我们还需要继续优化。为了看清楚页面内容,需要不停地放大、缩小页面,然后为了看到视口外的文字,再左、右拖动,结果一不小心点了一个链接,你说讨厌不讨厌?我们当然可以做得更好!

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站