月光博客 » 网络日志 » 博客分辨率修改并增加页面宽度

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

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

  全屏指的是在浏览器最大化时从顶端看到网页的大小,在1024x738分辨率下全屏的大小是1003x600,在800x600分辨率下的全屏大小是779x432,老的月光博客使用的宽度是778,这个宽度在800x600的分辨率下显示效果最佳,不会出现横向的滚动条,而针对1024x768的分辨率下,我选择了878这个宽度,使用这个宽度,主要是为了修改方便省事,只需要在原先的宽度上加100即可,实际上还不是全屏,但是比起原来的应该好多了。正文区域的阅读宽度是668,左侧侧栏宽度是200,整体宽度是878,效果还不错。

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

分辨率

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

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

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

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

顶一下 ▲()   踩一下 ▼()

相关文章

  1. 1
    may   说道:
    看着舒服多了

    支持(12反对(4回复
  1. 2
    Yimi   说道:
    感觉比先前漂亮多了,呵呵
    支持(8反对(3回复
  1. 3
    finder   说道:
    我还以为我电脑出问题了,原来是改版了呀,说不定我也哪天来改改。
    支持(11反对(6回复
  1. 4
    NightFire   说道:
    建议把左边栏弄宽一点,正文栏窄一点。一来正文一行太长不利于读者阅读,二来现在左边的很多链接标题都恰折为两行不美观
    支持(9反对(4回复
  1. 5
    Yoja   说道:
    我的和你的主题一样,值得借鉴。学习ing。
    支持(7反对(3回复
  1. 6
    Kola   说道:
    现在的更大气,以前的更精致.个人感觉.
    支持(8反对(4回复
  1. 7
    J.wei   说道:
    顺势而为····
    支持(6反对(2回复
  1. 8
    绿叶塑料   说道:
    上来一看怎么变了?原来改版了哦,不错不错
    支持(9反对(5回复
  1. 9
    Washun   说道:
    to williamlong :900px在1440×900下看起来不窄啊。况且1440×900也不是主流,主流还是1024*768。
    支持(7反对(4回复
  1. 10
    kouz   说道:
    很好,看着很舒服
    支持(8反对(5回复

发表留言