月光博客

青青子衿, 悠悠我心, 但为君故, 沉吟至今

« 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/ ]

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

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

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 跟随我的推特:跟随我的推特
  • 跟随新浪微博:跟随新浪微博
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过电子邮件订阅本站

站内搜索

热文排行

最新评论及回复

最近发表

网站收藏

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.

This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.