响应式网页设计(Responsive Web Design)

响应式网页设计,也叫:自适应网页设计。2010年,由Ethan Marcotte提出这个名词(Responsive Web Design) ,指可以自动识别屏幕宽度、并做出相应调整的网页设计。其目的就是希望搭建一个网站能够满足兼容多种终端的需求,不再是为每一种终端定制开发一个版本。应该是,这个思想主要是应对当前Web应用在各种移动终端上展示的挑战的。

主要的应对策略:

允许网页宽度自动调整;
不允许绝对宽度;
使用相对大小的字体;
流动布局;
选择加载CSS;
CSS的@media规则;
图片的自适应。
参考:
http://alistapart.com/article/responsive-web-design
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://www.qianduan.net/responsive-web-design.html
http://www.qianduan.net/media-type-and-media-query.html