一般国际化的商业网站宽度为:952像素,这是避免工具栏在1024x768分辨率左右侧时,产生横向滚动条
工具栏在上下方并分辨率为1024x768时,网页标准宽度为1003像素
css自适应客户端宽度,有最小宽度限制 (兼容IE6+、Firefox2.0)
1.wrap {}{
2 min-width: 952px;
3 *width: expression( document.body.clientWidth < 952 ? "952px" : "100%" );
4}
使用工具测量宽屏下Google Reader的内容显示像素,结果是955个像素,很有趣的数字。
现在的网页设计的行业标准应该就是950/960像素宽度,这个宽度应该是人眼在不转动的情况下能看到的极限了,实际阅读区域正文的宽度是650像素,Google Reader的这个设计很有意思。(延伸阅读:《网页栅格系统研究(1):960的秘密 》)
在Google搜索引擎中,搜索结果的显示宽度确是另外一个数字580像素,这是又一种内容宽度设计,Google这么做的原因估计是为了更好的显示右侧广告。
先来看一组数据:
网站 | 首页页面宽度 px |
---|---|
Yahoo! | 950 |
淘宝 | 950 |
MySpace | 960 |
新浪 | 950 |
网易 | 960 |
Live Search | 958 |
搜狐 | 950 |
优酷 | 960 |
AOL | 960 |