您的位置: 首页 » 网站运营

最佳网页宽度及其实现

1.

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

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

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

2.

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

常见的解决方法有两种:

第一种:用javascript根据不同的客户端分辨率,选择css样式表文件,具体的做法可以看这里。

第二种:采用弹性布局(Fluid Width Layout),实现网页宽度的自适应。