月光博客

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

« Google AdSense广告查看中心发布Google财经中文版发布 »

博客分辨率修改并增加页面宽度

  今天,月光博客的界面进行了一些改版,就是把网页的默认宽度从778提升到了978,也就是说,基本放弃了800x600的用户,全新的布局有利于1024x768的用户在全屏下浏览观看,随着800x600分辨率的淘汰,终于可以不用考虑这些用户了。

  全屏指的是在浏览器最大化时从顶端看到网页的大小,在1024x738分辨率下全屏的大小是1003x600,在800x600分辨率下的全屏大小是779x432,老的月光博客使用的宽度是778,这个宽度在800x600的分辨率下显示效果最佳,不会出现横向的滚动条,而针对1024x768的分辨率应该使用1002的宽度,我为了修改方便省事而使用了978的宽度,实际上还不是全屏,但是比起原来的应该好多了。

  增加页面宽度主要是为了1024x768的用户浏览方便,应为我查看最近一个月的浏览统计,使用1024x768的占到了62%的比例,而800x600的用户仅占3.6%,剩下的全部都高于800x600,看来800x600分辨率已经彻底退出历史舞台了,因此在考虑页面宽度的时候,没有必要在考虑800x600分辨率了,于是就有了这次的改版。

分辨率

  这次的修改其实挺简单的,修改了两张图片的宽度,然后修改css文件中的宽度参数,将所有的778等类似的宽度都增加200,就可以达到现在的宽屏效果。

  新的界面在1024x768下显示效果很好,在1440x900的宽屏下显示也比原先的好一些,浏览内容量有了明显的增加,更加易于浏览了。

  大家看看新的界面有没有什么BUG之类的问题,如果哪里有问题请反馈给我。



原创文章如转载,请注明:转载自月光博客 [ http://www.williamlong.info/ ]

本文链接地址:http://www.williamlong.info/archives/1319.html
  • 文章排行:
  • 2.飞月
  • http://www.flymoonblog.cn/
  • 另外有一个问题想问问:
    启动zblog的静态目录的配置功能之后(详情请见:http://www.flymoonblog.cn/blog/netsite/704/)文章投票功能,就是上面的评分功能会失效,估计是因为getid函数有问题,但是不知道如何修改,月光是否有时间帮忙看看!
  • 2008-4-25 8:37:46
  • 41.BlueDrifter
  • 上午看了这篇文章,还没有发现有区别。

    晚上来发现区别了,呵呵。

    感觉有些别扭,建议右边考虑增加一列放置信息。
  • 2008-4-25 20:55:21
  • 50.菜鸟
  • 作为一个wordpresscss菜鸟,我也想用你的方法修改页面宽度,但不知应该修改哪个CSS文件?!如果能给出路径就好了。
  • 2008-4-26 22:06:57
  • 61.AlbertNi
  • 我是1280宽度的,用了vista的侧边栏和ff的书签侧边栏(默认宽度),正好出现横向滚动条……
  • 2008-5-5 4:33:19
  • 64.10yes
  • 月光你好,你的这份博客屏幕分辩率的数据给我的网页设计提供了很大的帮助,非常感谢。
    现在问你是否还能提供一份关于你这个博客的读者客户端浏览器的数据?如果你不公开发表,给我邮箱寄一份也行。
    我是月光博客的忠实读者,希望你能帮这个忙!
  • 2008-5-12 20:48:00

发表评论:

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

订阅博客

  • 订阅我的博客:订阅我的博客
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过抓虾订阅本站
  • 通过电子邮件订阅本站

站内搜索


热文排行

最新评论及回复

最近发表

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

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