搞定海明威主题的宽度问题

下午的时候还在抱怨这个主题的宽度是固定死的以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下测试过，结果都比较理想。

作者: Cherami
原载: 搞定海明威主题的宽度问题
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。

日志评价

相关日志

• 海明威主题的几个问题
• 给海明威主题添加模块
• 显示超长文字
• 如何解决问题

随机日志

• 痛苦的春节
• Google面试题解说性能之三：不要小看循环中的任何一个语句
• 看文章的时候注意日期
• Bug无处不在

添加到网摘

[del.icio.us]  [新浪 VIVI]  [365key]  [YouNote]  [博采中心]  [Poco]  [SOHU狐摘]  [天极网摘]  [和讯网摘]
喜欢这个插件？