无处不在的Web

响应式 流体布局

一、响应式发展的背景

1、屏幕尺寸的快速变化，iphone为320x480，分辨率在未来可以继续发展。
2、网速对于用户的web使用体验有着巨大的影响。
3、对于标准的支持。浏览器对于标准的支持也很有限。
4、输入的方式。触屏设备，各种手势操作。
5、使用的环境。设备在物理上和架构上的特性，并不是我们在针对设备进行设计时需要考虑的唯一因素。了解使用环境是从相应设备的Web到响应人的Web的关键。

二、独立的站点。

独立的站点，即为特定的设备开发一个独立的站点，虽然有利用管理和网速的优化，但是维护和开发的人员也增加了。
1、分歧
Scott Jenson 僵尸，设备的制造成本的下降，该领域的准入门槛也会随之下降，它们会成为影响Web体验的因素，如果有一天冰箱也可以上网的话，我们是不是也要尝试为冰箱创建一个独立的站点。微软发布了OmniTouch的设备，可以投影在任何物体上，去掉了所有显示屏固有的限制，从而使得任何物体都可以是屏幕。

三、成为响应式的

1、Ethan Marcotte Responsive Web Design,利用了三种工具，媒体查询、流体布局、自适应图片
响应式不是专门为了适配某个设备而是关于采用灵活的、设备无关的方法来为Web进行的设计。
2、未来友好型
未来友好宣言

• 关注与对客户和业务最最重要的事。

• 以数据为中心。设备组成的生态环境，系统内的设备可以彼此写作，具有鲁棒性的数据交互式实现这种写作的最简单的方法。

• 识别未来未知的设备
• 通过设备集合来管理单独设备上的

3、渐进增强
优雅降级：利用所有新的特性是，你要保证那些相对较老的浏览器也能访问你的内容。这种方式导致人们对于老的浏览器的轻视。
渐进增强是先创建一个基本体验，使用具有予以的标记和结构定义，让内容能够以以中国简介的方式来展现。