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

有使用wordpress的同学发现在文章页面里插入过大的图片会导致页面错位。这样页面会显得很不美观，但是WordPress自带的主题模板没有这样的问题。我们对比了下default theme与其它theme，发现default theme的style.css中的定义是这样的。

img {
border: 0;
max-width: 100%;
}

可以在线编辑style.css，在img样式定义中加上一行max-width:100%就好了。
当然有些theme中没有直接定义img样式，可能会有.post img{}之类的样式，这时也加在里面就ok了。
还有一些theme中的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一样了。

转自：http://www.daded.com/tu-pian-shi-ying-wordpress.html（转载请保留）