技术文章

什么是响应式网页设计(Responsive Web design)?

日期:2015-09-22 阅读:27093

http://www.responsinator.com/

响应式网页设计是一种实现网站移动端的方法。

网站要实现兼容 PC端和移动端,有两种方法:
一种是PC端用一套模板,移动端用另一套模板。
另一种方法,就是响应式网页设计,PC端和移动端共用一套模板。

在DM建站系统里,所用到的模板,尽量采用响应式网页设计。
 
响应式Web设计(Responsive Web design)的理念是:
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。

具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。

无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;

换句话说,页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。

这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

响应式设计测试工具: http://cybercrab.com/screencheck/   |  http://ami.responsivedesign.is/