2011-08-26 86 views
3

只有在HTML/CSS中寬度高於XX像素的情況下,是否有縮小圖像的方法?CSS條件圖像縮放

+1

關於流體圖像的權威性文章:http://unstoppablerobotninja.com/entry/fluid-images/ – derekerdmann

回答

5

在你的CSS中使用最大寬度來修復最大圖像寬度,並且不指定圖像高度。 這樣你的圖片應該保持比例,並且尊重最大寬度。

+0

謝謝,那是它 – mihai

+0

謝謝你的反饋:) –

6

您可以使用max-widthmax-height來指定想要圖像的最大尺寸。

live demo

參考

https://developer.mozilla.org/En/CSS/Max-height

https://developer.mozilla.org/En/CSS/Max-width

正如這不是在IE6或低於所支持的評論中指出。

+0

我不確定最大寬度與IE是否正常。 – Whiskas

+1

這只是IE 6及以下版本中的一個問題。 – derekerdmann

+0

@Whiskas:IE 6不支持'max-width'(除了[一些欺騙](http://www.svendtofte.com/code/max_width_in_ie/)),但在IE的更高版本中,和所有其他瀏覽器。 –