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一樣了。