响应式布局

响应式WEB设计

响应网页设计是一种方法，表明该网站的设计应该适应用户的行为和屏幕尺寸，平台等。响应式设计让你的网站通过应用液态布局，灵活的图像，以及CSS适配的方式,尽量高的提高设备上的效率及用户体验。卢克 - 弗罗布莱夫斯基.

是指布局单元的设计，根据屏幕尺寸自动调整。它是关于定义自己的参数列，间距和容器中的各种对象的代码。大小和间距都集中在创建灵活的布局系统的两个主要组成部分。无论您使用哪种解决方案，使用百分比（或EMS）而非像素的计量单位。

灵活的移动和缩放图像意味着在较小的设备上缩减高度和宽度的HTML属性。或通过CSS overflow属性缩放图像或裁剪。图像周围的容器将适应新的显示环境。另一种方式是根据设备将不同版本的图像加载到服务器并显示适当的大小。

允许设计者使用相同的HTML文件，通过检验浏览器窗口的大小，方位，屏幕分辨率等在颜色样式表上建立多个布局。从而能够根据所使用的设备的不同属性，显示不同样式。

不仅迎合预设分辨率,更进一步做到响应的布局允许无限级缩放,通过使用em或百分比等方式。