有時候，我們在文章中或者調用過程中，經常出現圖片過寬或者過高的情況。而圖片的大小不同，我們又不好一律定義一個寬度或者高度。max-width和max-height的出現，幫了我們很大的忙。然而在IE6下，這兩個CSS屬性都不能正常解析。 在對IE6表示深惡痛絕的同時，我們只能試著去解決。

下面給出一種方法，也是我用來解決這個問題的常用方案。以最大寬度為400px為例，CSS代碼如下：

.class img { max-width:400px; width:expression(document.body.clientWidth>400?"400px":"auto"); overflow:hidden; }

解釋一下：.class就是你的DIV類名稱，當然#id這種ID形式也可以的。 max-width:400px，定義最大寬度為400像素，具體根據自己情況調整。在IE7、FF等其他非IE6瀏覽器下最大寬度為400px。但在IE6中無效。

width:expression(document.body.clientWidth>400?"400px":"auto");這一句則是對IE6有效的，結果就是：當圖片寬度大于400px的時候，寬度為400px，否則，不做設置——即原圖寬度。 overflow:hidden;超出部分隱藏，避免變形。 到此，完美解決。 如果是最大高度，那么代碼如下，仍然以最大高度為400px為例：

.class img { max-height:400px; width:expression(document.body.clientHeight>400?"400px":"auto"); overflow:hidden; }

經過多次實踐，很完美解決掉了這一問題。不用去找JS代碼了。簡單吧？