响应式网站设计是一种网页设计布局。其思想是集中创建页面的页面布局大小，并根据用户行为和使用的设备环境智能地执行相应的布局。

 

响应式网站建设者

 

设计理念

 

这个概念是由着名的外国网页设计师Ethan Marcotte于2010年5月提出的。

 

响应式网页设计的理念是：

 

页面的设计和开发应根据用户行为和设备环境（系统平台，屏幕尺寸，屏幕方向等）进行响应和调整。具体实践包括许多方面，包括弹性网格和布局，图像以及CSS媒体查询的使用。无论用户使用的是笔记本电脑还是iPad，我们的页面都应该能够自动切换分辨率，图像大小和相关的脚本功能以适应不同的设备;换句话说，页面应该能够自动响应用户的设备环境。

 

也就是说，响应式网页设计要求网站与多个终端——兼容，而不是为每个终端制作特定版本。通过这种方式，我们不必为即将推出的新设备进行特殊的版本设计和开发。

 

Ethan Marcotte在他的A List Apart文章中发明了响应式网页设计（RWD）一词。他在2011年关于这一主题的短篇小说中描述了自适应网页设计的理论和实践。自适应设计在.net杂志的2012年顶级网页设计趋势中排名第二（渐进增强是第一个）。他们还列出了Ethan Marcotte最喜欢的20个自适应网站。

 

Ethan Marcotte在A List Apart上发表了一篇关于“响应式网页设计”的文章，其中引用了自适应架构设计的概念：提出了一种新兴的学科——'响应式架构'——，物理空间应该响应当前人的情况在里面。结合嵌入式机器人技术和可拉伸材料的应用，建筑师正在尝试建造一种可以根据周围人群进行弯曲，伸缩和扩展的墙体结构;运动传感器还可以与气候控制系统一起使用，以调节室内温度和环境光。已经有公司生产“智能玻璃”：当房间里的人数达到一定的阈值时，玻璃会自动变得不透明并确保隐私。

 

将这个想法扩展到Web设计领域，我们有了一个新概念。为什么必须为每个用户组创建设计和开发解决方案？与自适应架构类似，Web设计也应自动响应并适应不同的设备环境。

 

显然，我们不能也不需要运动传感器或机器人技术。响应式Web设计需要更抽象的思考。幸运的是，已经实现了一些相关概念，例如液体布局，媒体查询和帮助页面重新格式化的脚本。但是，自适应网页设计不仅仅是屏幕分辨率自适应和自动缩放图像等。它更像是一种新的设计思维方式。