青青子衿, 悠悠我心, 但为君故, 沉吟至今
« 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
  • 文章排行:
  • 1.Yimi
  • 打开你的博客弹出一个需要运行以下加载项“Microsoft Corporation"中“MSXML 5.0”,这是个什么东东?
  • 2009/2/21 21:11:41   支持(16)反对(7) 回复
  • 4.小一
  • 哈哈~~我现在做网站基本都在950,和你博客差不多。。。
  • 2009/2/22 10:06:21   支持(12)反对(6) 回复
  • 6.群振
  • 月光博客的网速比以前快了很多啊。
  • 2009/3/3 21:03:34   支持(13)反对(7) 回复
  • 7.视觉前线
  • 月光,一个不情之请,你的blog模板我在zblog找了半天不见,能否给个下载地址,谢谢啦。
  • 2009/2/22 3:11:16   支持(13)反对(8) 回复
  • 10.abnerfan
  • 头顶的banner图片不怎么不见了,就只见到“月光博客”等几个字!
  • 2009/2/21 21:52:53   支持(13)反对(9) 回复
  • 11.haibinchenxi
  • 分辨率调大,字体也应该相应调大才是,现在的字体在大屏幕显示器看起来太小了,毕竟宽屏的点距比普屏小多了
  • 2009/2/22 11:51:54   支持(11)反对(7) 回复
  • 14.订阅不留言
  • 我觉得比以前好!!!
  • 2009/2/21 20:32:31   支持(10)反对(7) 回复
  • 15.Louis
  • 分辨率提高到1280-1440,
    其实跟笔记本的普及也是有很大关系的,
    因为主流的14.1'笔记本显示屏,
    低分的是1280,高分的是1440
  • 2009/2/21 20:49:33   支持(10)反对(7) 回复
  • 16.jiagua
  • 还算习惯,内容好的话,关系不大。
  • 2009/2/22 1:06:53   支持(12)反对(9) 回复
  • 18.Aydon
  • 我现在用的都是宽屏的,感觉不错
  • 2009/2/23 10:41:20   支持(14)反对(11) 回复
  • 20.吖Bee
  • 哇~宽了很多~好看很多啊~

    沙发之
  • 2009/2/21 19:36:19   支持(10)反对(8) 回复
  • 21.maxsailor
  • 现在是屏幕越来越大了,特别是宽屏的流行,但本人还是喜欢普屏。
  • 2009/2/22 1:26:14   支持(13)反对(11) 回复
  • 22.jiang
  • 下面的那个滚动条可以消除掉吗
  • 2009/2/22 15:06:06   支持(17)反对(15) 回复
  • 23.半醉人间
  • 月光看看google资讯栏目的logo错误,是这么回事儿吗?
    http://blog.laifangwen.com/htmldata/it/2009/02/22/159.html
  • 2009/2/22 21:32:42   支持(11)反对(9) 回复
  • 24.有图
  • 博客的屏宽到到底是多宽?这需要综合考虑,大型网站很重要的事他们的屏幕寸土寸金,而作为博客未必学大站,而更多从使用体验来考虑,多考虑人的阅读习惯,而不必考虑整体非要多宽看着舒服,如主要文字和边栏的宽度应为阅读方便而设计,稍微兼顾广告布局即可(如果你有广告),毕竟读者主要是阅读主页面的文字,如果主页面文字太宽或太窄会使人阅读容易累。
    自己瞎说的,可以讨论。
  • 2009/2/23 18:58:43   支持(15)反对(13) 回复
  • 25.安sir
  • 不知道说什么了,今天看了好多这样的文章,有点晕了
  • 2010/1/9 10:43:21   支持(8)反对(6) 回复
  • 27.slane
  • 我的是950会怎样 10没差吧 呵呵
  • 2009/2/21 21:06:57   支持(14)反对(13) 回复
  • 31.核桃
  • 换过来更好呢?
    现在很饱满的说.
    而且19"的显示器现在越来越多了.
  • 2009/2/22 1:54:12   支持(12)反对(11) 回复
  • 32.修愚
  • 我在网吧,19的液晶,非宽屏的,效果不错

    晚上回家我再在我的宽屏液晶上测试下
  • 2009/2/22 12:40:54   支持(14)反对(13) 回复
  • 35.土匪
  • 为什么不弄成按百分比显示
    比如98%
  • 2009/2/22 21:58:51   支持(9)反对(8) 回复
  • 36.爱健康
  • 这么细心的用户体验感觉很好,不错!
  • 2009/2/25 10:11:42   支持(9)反对(8) 回复
  • 40.iridiumcao
  • 为什么不根据用户的屏幕分辨率自动调整显示宽度呢?这点实现起来又不是很麻烦。
  • 2009/2/22 11:31:31   支持(10)反对(10) 回复
  • 41.教育技术教研室
  • 我这个是自适应的,感觉还可以吧!
  • 2009/2/22 13:38:09   支持(8)反对(8) 回复
  • 42.swgy
  • 液晶降价书,现在新机一般都是1440以上。
  • 2009/2/22 16:57:38   支持(15)反对(15) 回复
  • 43.Dracy
  • 为什么不考虑自适应宽度呢?这样就不用考虑分辨率问题了。。你是两栏的设计应该没有问题。
  • 2009/2/22 21:30:45   支持(6)反对(6) 回复
  • 45.逸冰
  • 请问博主的这个模版是在哪里下载呢?
  • 2009/10/12 0:10:27   支持(9)反对(9) 回复
  • 48.蓝天博客
  • 现在视觉效果好多了。月光的模板很多人在用啊!
  • 2009/2/21 20:02:26   支持(13)反对(14) 回复
  • 51.汉文溪
  • 月光总是那么的细心和精心
  • 2009/2/23 19:23:43   支持(7)反对(8) 回复
  • 52.williamlong
  • 看不见banner的请刷新一下浏览器。
  • 2009/2/21 23:16:38   支持(9)反对(11) 回复
  • 53.络菲博客
  • 博客的宽度修改为960的宽度
  • 2009/2/22 2:26:52   支持(6)反对(8) 回复
  • 54.视觉前线
  • 个人觉得920的比较合适,只是现在1024还是主流,如果需要修改css,等段时间可能好点。
  • 2009/2/22 3:09:33   支持(10)反对(12) 回复
  • 57.ppt911
  • 很漂亮 我没有使用Z-BLOG 现在用的是PJ3
  • 2009/3/28 0:23:12   支持(5)反对(7) 回复
  • 58.herbblog
  • 感觉没什么变化 我是1280×800
  • 2009/2/21 21:59:18   支持(8)反对(11) 回复
  • 59.froons
  • 嗯,不错,我是800*600的显示器,看的时候需要拉一下下面的滚动条,内容部分能完整阅读,如果左栏内容能换到右侧就更好了。
    屏宽和内容也有关,内容少还是窄屏的体验好,期待你更多的妙文。
  • 2009/2/22 18:24:48   支持(9)反对(12) 回复
  • 61.三脚猫
  • 昨天晚上就发现了,而且首页增加了ADSENSE 广告链接单元
    好东西,收藏下啦。
  • 2009/2/21 21:42:22   支持(11)反对(15) 回复
  • 62.打江南走过
  • 看来忽略了很多网站细节工作。
  • 2009/3/7 1:46:41   支持(9)反对(13) 回复
  • 63.塞班互动
  • 恩,我做论坛的时候,测试过了,目前大多数人用的1024×768的。所以我论坛的图片最大宽度不超过720像素。
  • 2009/2/22 0:32:09   支持(9)反对(14) 回复
  • 64.williamlong
  • 顶上有个JPG的logo图片,无法实现自适应宽度。
  • 2009/2/22 21:32:51   支持(7)反对(12) 回复
  • 66.hosingmans
  • 我觉得暂时还不需要到960PX,因为1024*768还是主流。
    现在到960PX 1024*768分辨率的用户会觉得网站很堵得慌!
  • 2009/2/21 20:22:39   支持(6)反对(12) 回复
  • 68.炎龙博客
  • 我的就是1024了,这个宽度应该在目前常用的分辨录下都可以正常显示。
  • 2009/2/22 14:32:16   支持(10)反对(16) 回复
  • 70.静夜如水
  • 月光兄辛苦了,今天还没更新呢
  • 2009/2/22 23:12:21   支持(11)反对(17) 回复
  • 71.jack
  • 未免有些见风就是雨了,数据浮动变化很正常,但还不至于到N取代X的地步.
  • 2009/2/22 2:32:46   支持(9)反对(16) 回复
  • 73.aa
  • 如果顶图改一个简洁有概括力和设计感的样式,应该会更有冲击力,更好看。
    现在这个太具象。
  • 2009/2/25 4:45:33   支持(6)反对(15) 回复

发表评论:

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

订阅博客

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

站内搜索

热文排行


月度排行

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