青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113115166683288 
知识普及 » 宽屏显示下的网站网页宽度

宽屏显示下的网站网页宽度

奈薇网页设计 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个美丽且对用户友好
中小企业建网站要多少钱
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 18562723728
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
211个月 7