2012年8月23日星期四

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

今天,月光博客的界面进行了一些改版,就是把网页的默认宽度从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之类的问题,如果哪里有问题请反馈给我。

没有评论:

发表评论