下午的时候还在抱怨这个主题的宽度是固定死的以800*600的模式设置的,在现在1024*768以上的分辨率下空间的利用率偏低,我感觉自己的CSS知识还不足以解决这个问题,下班在地铁上的时候突然想到直接使用百分比代替像素应该可以,回来稍微试了下,发现果然可以解决,修改方法如下:

  • 修改.inside的宽度,原来是760px,修改为95%,在800的宽度下就是760px,和原来一样
  • 修改#primary.twocol-stories .story和#primary.twocol-stories .navigation的宽度,原来是500px,修改为72%,在800的宽度下就是547px,比原来稍大
  • 修改#primary .primary的宽度,原来是480px,修改为67%,在800的宽度下就是509px,比原来稍大

这样修改后的结果,在800*600的宽度下比原来稍好,日志显示部分的宽度增大,比原来显得紧凑一些,在800*600以上的分辨率下,效果还不错,日志显示部分都比原来扩大了,侧栏的宽度都没有改变,不影响界面的美观。这个方案已经在800*600、1024*768以及1280*1024下测试过,结果都比较理想。

(Visited 89 times, 1 visits today)