从各大门户改版，看网页的宽度设置

页面宽度设置是网页设计中最基本的，但是却是颇受争议的。

记得刚刚了解网页设计的时候，有人说，屏幕大小减去22px就是页面的宽度，比如对于800*600分辨率的屏幕，页面的宽度要低于778像素，1024的宽度的页面要设置成不大于1002px，等等。当然还有些人觉得设置成fixed比较好，就是满屏，100%宽度。

但是，从这次各大门户网站改版来看，他们大都是从原来的窄屏改为宽屏了，只有网易还坚守在窄屏阵营，显得颇有些小气。

显然，促使各大网站改为宽屏的原因是，1024*768分辨率的浏览器早已成为主流，更宽的屏幕也越来越多，比如1280*1024。而这些网站的宽度，大都是950px而非1002px（腾讯网的是910px）。

其实，还有很多网站的宽度是960px（阿里巴巴），或是980px（buysino）。

我知道在这个问题上面个人的观点是不一样的，我认为这里主要要考虑两个因素：视觉效果和用户体验。

从视觉效果来说，屏幕边缘区域并不是用户的有效视觉区域，也就是说，用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站，两边都会留20px左右的空白（而且这样看起来更加舒服）。

而从用户体验来说，太宽的屏幕，意味着一行会有更多的字，这一点是不好的。大家在看报纸或看书的时候会注意到分栏，比如报纸，无论是对开还是4开的报纸，都会分成几栏来显示，如南方都市报是分5栏，每栏15个5号字，这样就很容易阅读，如果不分栏，那么就相当于一行75个字，只有一两行字的话还行，如有二十几行，谁能读下去？！

现在显示器的屏幕越来越宽，如果网页的宽度也一味的宽下去，用户肯定要纠结了！

所以，我认为950-980的页面宽度是最合适的，如果考虑800*600的显示器，则可以考虑向下兼容的设计（不过，据统计，现在使用800*600分辨率的显示器的不到1%）。

您或许会喜欢：

• 迷茫的口碑——再谈网页宽度设计 (0)
• 前端观察改版成功，本站改版在即 (2)
• 雅虎澳大利亚版本正式改版 (3)
• 瑞星——不拉屎也要占个茅坑 (5)
• 哇！支付宝——附议淘宝新版 (2)
• 8.6——校内网终于改版了 (0)
• 8.5——网易改版了 (0)
• 淘宝改版小议 (0)

如果您喜欢本文，您可以对本文发表评论 或 订阅本站 以获取本站最新动态。