申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
知识普及 » 宽屏显示下的网站网页宽度
宽屏显示下的网站网页宽度
奈薇网页设计
于
2019-07-05 16:04
发表
阅读次数
2316
次
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。
根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏用户正在稳步逐步增加，这给前端设计师的一个考验是，不能只考虑1024×768分辨率的用户了，要想想大屏幕宽屏用户的浏览体验了。
GoogleReader是一个典型的内容阅读性质的网站，用户在上面阅读时间非常之长，那么，Google的前端设计师是怎么考虑这个问题的呢？
大家可以做一个实验，在19寸宽屏下，如果网站页面全文显示，铺满整屏，那么阅读的时候，眼睛需要从左转到右，才能阅读完一行，屏幕越大，这种效果越明显，因此，一个让用户大量阅读的网站，为了照顾好读者的眼睛，在大屏幕宽屏下，也不应该全屏铺开的显示文字内容。
在1024×768分辨率下，使用GoogleReader时，会发现内容是全屏显示的，但是，使用19寸宽屏在1440×900分辨率下打开GoogleReader，会发现这时并没有宽屏显示内容，右边留出了一大块空白，如下图显示。
使用工具测量宽屏下GoogleReader的内容显示像素，结果是955个像素，很有趣的数字。
我在《更改博客页面宽度到960像素》一文中已经提到了，现在的
网页设计
的行业标准应该就是950/960像素宽度，这个宽度应该是人眼在不转动的情况下能看到的极限了，实际阅读区域正文的宽度是650像素，GoogleReader的这个设计很有意思。
在Google搜索引擎中，搜索结果的显示宽度确是另外一个数字580像素，这是又一种内容宽度设计，Google这么做的原因估计是为了更好的显示右侧广告。
我的博客最初使用的是778像素这个宽度，在2008年的那次改版后，修改为878像素宽度，主要是为了修改方便，直接加了100像素，正文区域的阅读宽度是668像素，左侧侧栏宽度是200像素。不过，今年的改变，我的博客的整体宽度修改为960，正文区域的宽度是728像素，728的宽度仅仅为了好放GoogleAdSense而已。
宽屏显示下的网站网页宽度相关标签：
企业建站
，
网站制作方案
，
网站制作方案
，
网站制作方案
相关热点推荐
网站内容质量分析与应用
影响网站排名的一些不必
青岛网站建设品牌哪家好
平度网站建设哪家好
企业建站优势
如何设计网页小广告(b
网页设计中的功能与美
网页制作之“事不过三”
企业为什么要做网站？企
浅谈企业网站建设的黄金
青岛网站制作支持旧IE
网页设计中的版式原理-
关于网站排名的基本原则
网站设计中程序员和美工
电子商务网站“用户评论
网页的审美需求
隐藏所有站长统计系统网
交互设计小贴士
SEO教程推荐--网站
企业网站推广如何才能做
网页设计中的版式原理-
网站SEO优化软件有用
如何规避企业建站的误区
短兵相接勇者胜—紧张项
如何使蜘蛛逆向爬行索引
北京网站设计应从运营和
设计网页页面内容要新颖
新手做网站必须知道的六
流量的分类有哪些
如何提高网页关键词也是
搜索引擎优化(SEO)
中小企业如何策划电子商
网页设计师如何把简约之
提高搜索引擎对网站的重
友情链接相关名字解释
企业建站技巧和方法
青岛网站建设之SEO优
漫谈—&m
50个美丽且对用户友好
中小企业建网站要多少钱
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户