设计网页的时候，确定宽度是一件很苦恼的事。

　　以www.zgxfjzw.com为例，根据Google Analytics的统计，半年多以来，访问者的屏幕分辨率一共有81种。最小的分辨率是122x160，这应该是手机；最大的分辨率是3360x1050，天知道是什么设备。

　　一张网页要在大小如此悬殊的各种屏幕上，都呈现令人满意的效果，难度可想而知。举例来说，一张400px宽的图片，在800px的屏幕上会占据50%的宽度，而在1920px的屏幕上（Windows Vista的流行设置），只占据20%。

　　目前，常见的屏幕分辨率宽度大概有6种：800px，1024px，1280px，1440px，1680px和1920px。其中，1024px最常见，但是随着大屏幕显示器的流行，更高的分辨率正变得越来越多。

　　常见的解决方法有两种：

　　第一种：用javascript根据不同的客户端分辨率，选择css样式表文件。

　　第二种：采用弹性布局（Fluid Width Layout），实现网页宽度的自适应。

　　首先，网页的缺省宽度，确定为满足1024px宽度的显示器。这不仅因为1024x768是现在最常见的分辨率，还因为这个宽度对网页最合适：1）它放得下足够的内容，足够三栏的布局；2）单行文字不宜太长，1024px已是极限，否则容易产生阅读疲劳；3）在当前的互联网带宽条件下，网页难以采用大分辨率所要求的大尺寸图片。

　　其次，网页宽度会在780px-1260px的范围内，自动变化，即最小不小于780px，最大不超过1280px。

　　最后，对于更大的分辨率，网页内容会自动居中。