使用百分比屬性調整圖像大小

我在使用百分比屬性調整圖像大小時遇到問題。我正在嘗試調整圖像大小，使其佔其容器的百分比。這在Chrome中運行良好，但在Internet Explorer和Firefox中，它會將其大小調整爲原始圖像的百分比，並且不適合其容器。是否有任何解決辦法，讓它做我想要的資源管理器和Firefox？使用百分比屬性調整圖像大小

來源

2011-11-22 user981053

可否請您提供示例代碼，優選在的jsfiddle？ – ksindi

我從來沒有聽說過這個（http://www.w3.org/TR/CSS2/visudet.html#propdef-width） – MatTheCat

它的作品，如果我用寬度替換高度，但這並不真的適合這個特定的應用。 – user981053

在這個測試：

<div>容器設置爲800px
，並在1000×1000的圖像孩子<img>內width:50%

http://jsfiddle.net/pxfunc/QdmuD/

所有的瀏覽器在400x400的顯示圖像（ 50％的容器）

在鉻（DEV構建）測試，FF 8，IE 9（和7,8 compat的模式）

來源

2011-11-22 23:29:52 MikeM

由於某種原因寬度的作品，但我實際上需要使用高度屬性進行縮放。寬度調整適用於所有瀏覽器，但高度僅適用於Chrome。 – user981053

是您的容器設置爲特定高度嗎？ – MikeM

是的，容器的高度已設置。 – user981053

使用百分比屬性調整圖像大小

回答

相關問題