自适应网页设计
(自适应人脸)

下面这个人脑袋的五官的摆放就是采用了“自适应设计”,调整你的浏览器窗口的大小,或分别使用桌面电脑、平板和手机访问这个页面,看看这脑袋上的五官布局是如何适应屏幕的变化的。

隐藏我

自适应网页设计,也叫做响应式网页设计(英语:Responsive web design)是一种网页设计的技術做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其它便携设备)上阅读和导航,根据设备尺寸的不同,自动的调整页面上的元素布局和数量,使得浏览者减少缩放、平移和滚动动作。采用自适应网页设计设计的网站使用CSS3 Media queries技术,即一种对 @media 规则的扩展,以及流式的基于比例的网格和自适应大小的图像以适应不同大小的设备。