网页宽度和高度设置参考建议

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haibo0668/article/details/51566121

先看一下国内国外的几个知名网站的网页宽度设置:

编号 网站名 网页宽度 备注
1 网易 960px 均指首页,下同
2 新浪 950px  
3 腾讯 910px  
4 TOM 960px  
5 凤凰网 950px  
6 MICROSOFT 935px 国外网站
7 BBC 995px  
8 AOL 978px  
9 CNN 980px  
10 Reuters 960px  

从上表可以看出,几乎所有的大型网站都是采用比较保守的网页宽度设计,目前且都已不再考虑800*600分辨率的用户的全屏浏览问题,目前网页宽度设置的主流标准仍然是950/960/980像素宽度,最大980像素也大都是国外网站,可能老外比较富裕,显示器都比较好,国内落后一点:),天缘博客采用的是960px网页宽度。

似乎950/960的宽度看其来会更舒服一点,虽然980px在1024*768上也不会出现水平滚动条,但毕竟占满屏幕太过(1024px屏幕-15px垂直滚动条=1009px,1009px-980px=29px,29/2大约一个汉字的宽度,所以980px几乎占满了水平分辨率为1024px的屏幕)。1024*768估计是大部分网站的终极关注用户,因为再宽的网页宽度除非特别需要,比如游戏页面、FLASH等等,内容性的网站将会像张报纸,如果分隔不好会严重影响阅读体验。

下表是天缘博客的自开博以来的访客计算机统计表,由于统计功能不大好用,无法抓图,只能手算了一下大概情况:

编号 分辨率 百分比 备注
1 1024×768 22.1% 17#普屏居多
2 1280×800 21.9% 14#/15#宽屏居多
3 1440×900 14.6% 宽屏居多
4 1280×1024 8.5% 普屏居多
5 1366×768 8.2% 宽屏居多
6 1680×1050 6.3% 宽屏居多
7 1920×1080 2.9% 宽屏居多
8 1600×900 1.5% 宽屏居多
9 1280×768 1.4% 宽屏居多
10 1152×864 1.4% 普屏居多

从上表可以看出:800*600分辨率用户的确已经很少,并且1024*768分辨率用户占有率也在呈现快速衰退趋 势(需结合早前数据,表中未列出),1280×800和1440×900很快将成为主流,不过,虽然屏幕的分辨率已呈上升趋势,但是网页宽度设置确没有大的改变,估计以后再宽也宽不到哪里去,应该不可能跟进着屏幕宽度设计,让用户左右摆头阅读的。

展开阅读全文

没有更多推荐了,返回首页