1.网页的尺寸

一般情况下，在进行网站设计之前需要预先设定好网页显示的大致比例。十多年前，网页最适合的宽度是960px，因为960px在原来常见型号1024×768的显示器分辨率下视觉感受最合适。近些年，随着显示器尺寸不断增加，网页分辨率的适应性问题常常引发争论。如现在20英寸的笔记本普通屏幕都可以达到1920×1080的分辨率，台式计算机的显示器尺寸也打破了预先设定，如果网页再局限于一个固定的分辨率已不能适应需求。目前使用手机或者平板上网的人越来越多，网页的显示方式也越来越多，只针对某种显示器尺寸来设计的网页已不再适应各种变化，网页尺寸的规范变得日趋人性化。换句话讲，不管浏览者在什么显示终端上看这个页面，都要求能完整且舒适地显示出来（图1-1）。

目前大多数网站的解决方法是，为不同的显示设备提供不同尺寸的网页，如专用的iPhone或者iPad版本。这样做不仅大大增加了设计者的工作量，而且此网站有多个portal（入口），会让网络架构的复杂度成倍增加。2010年，Ethan Marcotte提出了“自适应网页设计”（Responsive Web Design）这个名词，它是指可以自动识别屏幕宽度，并做出相应调整的网页设计。自适应网页设计是现在比较流行的网页尺寸设计方式，可以让设计的网页显示效果自动适应当前浏览器的大小。(https://www.daowen.com)

图1-1