论坛首页 Web前端技术论坛

做网站多大宽度合适?---看各大门户页面宽度

浏览 8703 次
精华帖 (0) :: 良好帖 (2) :: 新手帖 (7) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-10-14   最后修改:2009-10-14
CSS

做网站时页面多大宽度正好呢?

现在1024*768甚至更高的分辨率已成为主流,所以这里只讨论1024*768的分辨率。
不过非要向下兼容我的意见是760-780,不过我更喜欢用760.

下面讨论1024或更大宽度的情况下,先看下各大网站(如有错误,敬请指正):

新浪: 950 px
网易: 960 px
腾讯: 910 px
搜狐: 950 px


校内网: 960px

csdn: 960 px
javaeye: 950 px
sun: 960 px


通过上面几个不同类型的网站,除腾讯用了910px外,其余的不是950px,就是960px。现在大家心中网站用多款心中大体有数了吧。

这里主要要考虑两个因素:视觉效果和用户体验。

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

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

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

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

参考:http://www.isparkle.cn/?p=47

   发表时间:2009-10-16  
960 Grid System
这个是现在的标准
0 请登录后投票
   发表时间:2009-10-16  
还有就是 960
可以被很多数字整除....2,3,4,5,6,8,10, 12,15,16,18,20,
用来切图时可均匀比例
0 请登录后投票
   发表时间:2009-10-17  
还有就是 960
可以被很多数字整除....2,3,4,5,6,8,10, 12,15,16,18,20,
用来切图时可均匀比例
[/quot
ulear 写道
960 Grid System
这个是现在的标准

e]
虽然960比较标准,但是很多大网站还是950
前几天贴阿里妈妈的广告代码,给的默认是950,而没有960,还需要自己改,不过做自己的东西的时候还是优选选择960
0 请登录后投票
   发表时间:2009-11-27  
955最理想了。。。
0 请登录后投票
   发表时间:2009-11-27  
用百分比来规定页面宽度不行吗?
0 请登录后投票
   发表时间:2009-11-27  
也有不少人用1000px的
不过还是960px最科学了
0 请登录后投票
   发表时间:2009-11-27  
蓝黑不败 写道
用百分比来规定页面宽度不行吗?

百分比会掩盖很多问题....(当内容变化时有人变化)
不如直接写死好控制
0 请登录后投票
   发表时间:2009-11-30  
蓝黑不败 写道
用百分比来规定页面宽度不行吗?


最外层也用百分比么?那就过于传神了....
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics