如何让图片自动适应WordPress主题的宽度

2013年4月25日 | 标签:
热度:

经常更换WordPress主题的博主肯定偶尔会发现WordPress边栏有时候会错位,导致这种情况发生很大一部分是由于日志里的图片过大而撑破了主题。

这样页面显得很不美观,但是WordPress自带的主题模板没有这样的问题。

我们对比了下default theme与其它主题,发现default theme的style.css中的定义是这样的。
img {
border: 0;
max-width: 100%;
}
可以在线编辑style.css,在img样式定义中加上一行max-width:100%就好了。
当然有些主题中没有直接定义img样式,可能会有.post img{}之类的样式,这时也加在里面就ok了。
还有一些主题中的style.css中压根就没有img{}等样式定义,就直接加上一段吧:
p img {
padding: 0;
max-width: 100%;
}
Firefox往往能正常解析max-width: 100%;这一句,自动限制图片显示大小,但IE不行。
解决方法:在线编辑,在p img{}里再加一行:
width: 450px;
450px是firefox里显示max-width: 100%;的最佳大小,就把它定义成这个了,刷新IE后就可以发现效果和firefox一样了。

feihu分享到:

          

相关博文

目前还没有任何评论.
您必须在 登录 后才能发布评论.