响应式网站设计是一种网页布局设计。其思想是集中创建页面的页面布局大小,并根据用户行为和使用的设备环境智能地执行相应的布局。通俗的讲就是,设计的网页会随着用户浏览设备的不同切换不同的页面布局。例如手机、平板、19寸显示器电脑、32寸显示器电脑等等,网页都会自动调整显示大小。
这个概念是由着名的外国网页设计师Ethan Marcotte于2010年5月提出的。
响应式网页设计的理念是:
页面的设计和开发应根据用户行为和设备环境(系统平台,屏幕尺寸,屏幕方向等)进行响应和调整。具体实践包括许多方面,包括弹性网格和布局,图像以及CSS媒体查询的使用。无论用户使用的是笔记本电脑还是iPad,我们的页面都应该能够自动切换分辨率,图像大小和相关的脚本功能以适应不同的设备;换句话说,页面应该能够自动响应用户的设备环境。
也就是说,响应式网页设计要求网站与多个终端——兼容,而不是为每个终端制作特定版本。通过这种方式,我们不必为即将推出的新设备进行特殊的版本设计和开发。
这应用到我们宁波中小企业网站建设当中去,就可以一站通用,不再需要针对客户不同设备制作不同版本,节约了成本。同时对搜索引擎也相当的友好。目前在这个领域比较成熟的框架中bootstrap是领先的选择。