wordpress图片显示大小自动控制的解决办法

对比了下default theme与其它theme,发现default theme的style.css中

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

的定义是这样的,而其它的都没有max-width: 100%;那行,试了下给其它的加上,然后一刷新,我就兴奋了,效果完全ok!

又找到了外观-主题编辑器,这样就可以在线编辑style.css(自己机上运行的wp可以,但yo2不可以的),在img样式定义中加上一行max-width:100%就好了:)

太爽了.当然有些theme中没有直接定义img样式,可能会有.post img{}之类的样式,这时也加在里面就ok了:)

还有一些theme中的style.css中压根就没有img{}等样式定义,就直接加上一段吧:

p img {
padding: 0;
max-width: 100%;
}

反正可以参考default theme或其它的样式文件,这样每个theme都正常了,不过也有些奇怪的theme,不论怎么加都无效…

最后关于解决yo2不能在线编辑的问题,比如default theme,不能在线编辑css样式文件,这时可以在私有模版里,把自己下载的模版(可以到wp主站或其它地方)上传(要zip格式,再用winrar时,可以再压缩文件格式里选择zip格式),这时就使用了自定义模版了,你可以在上传之前编辑好css,也可以上传后在线编辑.

最后是发现firefox往往能正常解析max-width:  100%;这一句,自动限制图片显示大小,但IE不行!

这可麻烦了,毕竟国内用IE的不是小数…

解决办法就是上面说到的,自己上传,这样就可以做到自己编辑css,那还有什么问题不能解决呢?:)

我仍然使用default theme,上传后在线编辑,在p img{}里再加一行:width: 450px;

450px是firefox里显示max-width: 100%;的最佳大小,就把它定义成这个了,刷新IE后就可以发现效果和firefox一样了.