读书频道 > web开发 > 其他综合 > 学习响应式设计
1.2.2 移动Web浏览
2015-05-08 14:01:59     我来说两句 
收藏    我要投稿   

本文所属图书 > 学习响应式设计

本书分为四部分,全面介绍响应式Web 设计策略与技术,引领大家掌握从项目立项到网站上线的响应式设计工作流程。第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必  立即去当当网订购
手机首次能访问因特网是在20 世纪90 年代中期,它们通常并不具备显示实际网站的能力,而只能显示文本数据,比如天气预报、股票报告和比赛得分。最初的移动浏览器只能显示基本的HTML 格式,且通常是黑白而不是彩色。直到2005 年左右,在更先进的称为智能手机的设备上(比如图1-5 中所示的iPhone),移动浏览器才能够显示使用了CSS2 和JavaScript 技术的“真正的”网页。
 
 
2007 年发布的iPhone 改变了游戏规则。它有一个漂亮的界面,可以利用当时所有的Web技术显示网页,如它们在全尺寸显示器上所显示的一样。
 
虽然触屏设备已经存在多年,但iPhone 是第一个采用多点触控技术的移动设备,能同时识别屏幕上的多个触点——这对我们现在习以为常的诸如捏合以缩放等浏览行为来说是必不可少的。
 
所有这一切令iPhone 不断被评为那一年最具革命性的产品之一,但仍有一个问题存在。网页是设计来在全尺寸显示器上而不是在小手机上浏览的,因此几乎所有网页都是960 像素或者更宽。另一方面,iPhone 的屏幕只有320 像素宽。苹果的解决方案是自动收缩网页以适应屏幕的浏览区域(视口),然后允许用户通过双击或捏合手势缩放页面的任何区域。
 
但一次只能浏览页面的一小块无法产生好的用户体验。
 
网页设计师知道,这对于使用网络的人们来说不是一个最佳方式,他们需要找到一种方法使得网页能更容易地在iPhone 的小屏幕上浏览。
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.2.1 固定宽度设计
下一篇:1.2.3 移动网站
相关文章
图文推荐
3.2 Windows 7设置
3.1 DNS解析
2.3 HTTP协议
2.2 TCP/IP协议与So
排行
热门
文章
下载
读书

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