青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Google Earth曝光美国在巴基斯坦秘密空军基地深圳大梅沙海滨公园游记 »

更改博客页面宽度到960像素

  昨天博客的宽度修改为960的宽度,经过一天的测试,效果还可以,如果大家发现显示有异常的情况,刷新一下浏览器即可加载最新的CSS样式。

  上一次月光博客改版,最终将显示宽度调整到890,但事实证明,这个宽度并不是一个最佳宽度,有必要将我的博客宽度再次增加。而到底什么宽度最为合适,经过分析,我选择了960这个宽度。

  为什么用这个宽度呢?原因如下:

  现在的网页设计的行业标准应该就是960像素宽度,目前绝大多数门户网站和大型网站都使用960像素左右的分辨率,随大流通常不会有错。

  网站需要多分辨率支持,去年的时候我也对用户分辨率进行过统计,今天再次统计,发现数据变化很明显,1024×768分辨率的用户从62%下降到50%,而1280-1440这三个分辨率的用户从26升到35%,如果按照这个速度发展下去,明年就会超过1024分辨率,这说明,使用17寸普屏的用户正在加速减少,而17、19寸宽屏用户正在稳步逐步增加,960像素宽度视觉效果在1024下还不错,在宽屏显示器下效果也还可以,是一个兼容17寸普屏、宽屏、19寸宽屏的最佳宽度。

屏幕分辨率统计

去年访客屏幕分辨率统计

屏幕分辨率统计

今年访客屏幕分辨率统计

  在默认的浏览器宽度下,不会产生横向的滚动条,显示视野即不太宽,也不很窄。

  广告的排版较为容易,并且完全符合最流行的Google AdSense广告格式,可以针对AdSense做特殊的优化。左侧的200侧栏正好够放AdSense摩天大楼广告,右侧内容栏宽度正合适728宽度系列的广告,内容页面的矩形框放300×250的广告既较为醒目,也不会占据太多文章显示空间。而使用其他宽度的页面,很难同时满足这几种常见广告的同时显示。

  因此,我的博客也就增加到了960的宽度,如果你也在使用Z-Blog的这个j-spring样式,可以直接点这里从Z-Blog样式路径下载我修改过的CSS样式,经过我的测试,这个960的CSS显示效果的确不错。



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/1703.html
  • 文章排行:
  • 4.hosingmans
  • 我觉得暂时还不需要到960PX,因为1024*768还是主流。
    现在到960PX 1024*768分辨率的用户会觉得网站很堵得慌!
  • 2009-2-21 20:22:39   支持(0)反对(0) 回复
  • 9.Louis
  • 分辨率提高到1280-1440,
    其实跟笔记本的普及也是有很大关系的,
    因为主流的14.1'笔记本显示屏,
    低分的是1280,高分的是1440
  • 2009-2-21 20:49:33   支持(0)反对(0) 回复
  • 13.Yimi
  • 打开你的博客弹出一个需要运行以下加载项“Microsoft Corporation"中“MSXML 5.0”,这是个什么东东?
  • 2009-2-21 21:11:41   支持(0)反对(0) 回复
  • 14.三脚猫
  • 昨天晚上就发现了,而且首页增加了ADSENSE 广告链接单元
    好东西,收藏下啦。
  • 2009-2-21 21:42:22   支持(0)反对(0) 回复
  • 15.abnerfan
  • 头顶的banner图片不怎么不见了,就只见到“月光博客”等几个字!
  • 2009-2-21 21:52:53   支持(0)反对(0) 回复
  • 22.塞班互动
  • 恩,我做论坛的时候,测试过了,目前大多数人用的1024×768的。所以我论坛的图片最大宽度不超过720像素。
  • 2009-2-22 0:32:09   支持(0)反对(0) 回复
  • 25.maxsailor
  • 现在是屏幕越来越大了,特别是宽屏的流行,但本人还是喜欢普屏。
  • 2009-2-22 1:26:14   支持(0)反对(0) 回复
  • 26.核桃
  • 换过来更好呢?
    现在很饱满的说.
    而且19"的显示器现在越来越多了.
  • 2009-2-22 1:54:12   支持(0)反对(0) 回复
  • 28.jack
  • 未免有些见风就是雨了,数据浮动变化很正常,但还不至于到N取代X的地步.
  • 2009-2-22 2:32:46   支持(0)反对(0) 回复
  • 29.视觉前线
  • 个人觉得920的比较合适,只是现在1024还是主流,如果需要修改css,等段时间可能好点。
  • 2009-2-22 3:09:33   支持(0)反对(0) 回复
  • 30.视觉前线
  • 月光,一个不情之请,你的blog模板我在zblog找了半天不见,能否给个下载地址,谢谢啦。
  • 2009-2-22 3:11:16   支持(0)反对(0) 回复
  • 31.小一
  • 哈哈~~我现在做网站基本都在950,和你博客差不多。。。
  • 2009-2-22 10:06:21   支持(0)反对(0) 回复
  • 33.iridiumcao
  • 为什么不根据用户的屏幕分辨率自动调整显示宽度呢?这点实现起来又不是很麻烦。
  • 2009-2-22 11:31:31   支持(0)反对(0) 回复
  • 35.haibinchenxi
  • 分辨率调大,字体也应该相应调大才是,现在的字体在大屏幕显示器看起来太小了,毕竟宽屏的点距比普屏小多了
  • 2009-2-22 11:51:54   支持(0)反对(0) 回复
  • 36.修愚
  • 我在网吧,19的液晶,非宽屏的,效果不错

    晚上回家我再在我的宽屏液晶上测试下
  • 2009-2-22 12:40:54   支持(0)反对(0) 回复
  • 38.炎龙博客
  • 我的就是1024了,这个宽度应该在目前常用的分辨录下都可以正常显示。
  • 2009-2-22 14:32:16   支持(0)反对(0) 回复
  • 47.froons
  • 嗯,不错,我是800*600的显示器,看的时候需要拉一下下面的滚动条,内容部分能完整阅读,如果左栏内容能换到右侧就更好了。
    屏宽和内容也有关,内容少还是窄屏的体验好,期待你更多的妙文。
  • 2009-2-22 18:24:48   支持(0)反对(0) 回复
  • 49.Dracy
  • 为什么不考虑自适应宽度呢?这样就不用考虑分辨率问题了。。你是两栏的设计应该没有问题。
  • 2009-2-22 21:30:45   支持(0)反对(0) 回复
  • 50.半醉人间
  • 月光看看google资讯栏目的logo错误,是这么回事儿吗?
    http://blog.laifangwen.com/htmldata/it/2009/02/22/159.html
  • 2009-2-22 21:32:42   支持(0)反对(0) 回复
  • 61.有图
  • 博客的屏宽到到底是多宽?这需要综合考虑,大型网站很重要的事他们的屏幕寸土寸金,而作为博客未必学大站,而更多从使用体验来考虑,多考虑人的阅读习惯,而不必考虑整体非要多宽看着舒服,如主要文字和边栏的宽度应为阅读方便而设计,稍微兼顾广告布局即可(如果你有广告),毕竟读者主要是阅读主页面的文字,如果主页面文字太宽或太窄会使人阅读容易累。
    自己瞎说的,可以讨论。
  • 2009-2-23 18:58:43   支持(0)反对(0) 回复
  • 64.aa
  • 如果顶图改一个简洁有概括力和设计感的样式,应该会更有冲击力,更好看。
    现在这个太具象。
  • 2009-2-25 4:45:33   支持(0)反对(0) 回复
  • 71.安sir
  • 不知道说什么了,今天看了好多这样的文章,有点晕了
  • 2010-1-9 10:43:21   支持(0)反对(0) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.