随着各种各样的移动设备不断地涌现到使用者面前，Web设计的适应性已经成为设计师们所面临的**为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供

随着各种各样的移动设备不断地涌现到使用者面前，Web设计的适应性已经成为设计师们所面临的**为艰巨的挑战。你设计出的网站不仅要在桌面计算机的大尺寸屏幕上可以为用户提供友好的UI和用户体验，同时在小尺寸屏幕上也应该可以提供一致的用户体验，并可以让用户能够在桌面大屏幕上和移动小屏幕上平滑切换，同时没有任何的不适应感觉，响应式Web设计实践作者是一位出色的开发者，在响应式Web设计实践中，他将诸多技术和设计理念杂糅在一起，再辅以大量详细的配图、注释、引用等加以说明，从理论到实践，对响应式设计进行了详尽的解读。

第1章HTML5、CSS3及响应式设计入门11.1为什么智能手机很重要（而老版的IE不再重要）21.2响应式设计一定是最佳选择吗31.3响应式网页设计的定义31.4为什么要在响应式设计上停滞不前41.5响应式网页设计示例41.5.1下载视口调试工具41.5.2在线创意源泉111.6为什么HTML5很优秀121.6.1省时省力121.6.2新增了语义化标签元素131.7CSS3为响应式设计和更多创新奠定了基础131.7.1底线：CSS3不破坏任何东西141.7.2CSS3如何解决日常设计问题141.8看呐，不用图片171.9HTML5和CSS3现在就能用吗201.10响应式网页设计不是灵丹妙药201.11引导客户：网站不必在所有浏览器中表现一致211.12小结22第2章媒体查询：支持不同的视口232.1现在就能使用媒体查询232.2为什么响应式设计需要媒体查询242.2.1媒体查询语法242.2.2媒体查询能检测那些特性262.2.3用媒体查询改造我们的设计272.2.4加载媒体查询的最佳。

1、对用户友好；响应式设计可以向用户提供友好的Web界面2、移动频段(MobileSegment)在响应式网站的帮助下，你可以获得网站流量的全景图。3、积累分享；响应式Web设计可以让你(作为网站的拥有者)通过单一的URL地址收集所有的社交分享链接。4、最佳化搜索引擎；搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。

响应式Web设计最大的优点之一是，你不必在乎任何重定向，它包含无用户代理定向。6、更少维护；开发一个独立的移动网站，会增加你的工作负担，实际上你就拥有了两个独立网站。如果你有一个响应式网站，维护的成本将会很小，因为它只有一个布局，且可工作在所有类型的设备上，而这可以明显地减少你的工作量。