Question

蒂姆·伯纳斯－李在1991年制作并发布了第一个网站，如今刚刚过去21个年头。在这21年里，计算机和互联网快速发展，这个世界的面貌也日新月异。在这个过程中，网页设计从无到有，从简单渐至专业，从可有可无变为广受关注。网页设计方法也在跟随时代不断创新，从最初简单的文字排版，到表格布局，再到DIV＋CSS，直到现在广为流行的网格布局、流式布局等，设计师和开发者们一直致力于为全球网民提供更好的设计观感和使用体验。

iOS和Android的发布，掀起了移动互联网的浪潮，智能手机、平板电脑、智能家电等新设备层出不穷，我们的世界变得更加精彩纷呈。但这却给网页设计带来了新的挑战，在面对形形色色的终端设备、千差万别的屏幕分辨率，以及良莠不齐的网络连接质量时，目前的设计方法显得力不从心。我们无法预料用户的设备和网络状况，更不可能为每种设备专门设计一套网站，那么在移动互联网时代，如何创新为用户提供更好的设计和体验呢？

2010年5月25日，伊桑·马科特发表在A List Apart上的一篇文章，为我们打开了思路。在这篇名为《Responsive Web Design》的文章中，伊桑·马科特将三种已有的技术整合在一起，提出了响应式网页设计的概念，用以解决我们当前遇到的设计难题。响应式网页设计概念一经提出就大受欢迎（当然也有争议），很多设计师和开发者纷纷实践并完善这种理念。两年多的时间里，涌现出了越来越多的响应式网站，针对响应式设计的工具和资源也日渐丰富。截至目前，响应式设计是使用一套代码为各类设备提供良好设计效果和使用体验的最佳设计方法。

你肯定对响应式设计有所耳闻，也可能看过一些响应式设计的技巧或相关文章，但它们都零零散散不成体系，无法让你真正理解并掌握响应式设计，也无法指导你立即开始响应式设计的实践。这本书将会带你系统地学习响应式网页设计的方法论，书中涵盖了响应式设计的思想、方法、工具、技巧、HTML5、CSS3、相关资源，以及针对老版本浏览器的兼容方案等内容，并以实际案例循序渐进地讲解了如何创建一个优雅高效易于维护的响应式网站。希望这些正是你所需要的。

“得功有法，秉一应万”，这是太极拳修炼的目标，我想也可以作为响应式设计的目标。修炼好响应式设计这门功夫，能够让你安然自在，以一应万。元芳，潜心修炼吧！

感谢裕波、杨海玲老师及朱巍老师，让我有机会翻译本书。非常感谢图灵各位编辑的辛勤工作，尤其感谢李松峰老师的细心指导。另外要感谢图灵社区，我在这里受益匪浅。最后，感谢我的老婆，本书的翻译离不开她的支持、监督与参谋。

我在翻译本书时尽力保证信与达，雅则不敢奢望。翻译中的错误在所难免，欢迎广大读者指正。如果对本书有任何意见、建议或想法，请发送邮件至wyqbailey@gmail.com或反馈至图灵社区。

王永强

2012年10月　成都