我在使用百分比屬性調整圖像大小時遇到問題。我正在嘗試調整圖像大小,使其佔其容器的百分比。這在Chrome中運行良好,但在Internet Explorer和Firefox中,它會將其大小調整爲原始圖像的百分比,並且不適合其容器。是否有任何解決辦法,讓它做我想要的資源管理器和Firefox?使用百分比屬性調整圖像大小
0
A
回答
1
在這個測試:
<div>
容器設置爲800px
- ,並在1000×1000的圖像孩子
<img>
內width:50%
http://jsfiddle.net/pxfunc/QdmuD/
所有的瀏覽器在400x400的顯示圖像( 50%的容器)
在鉻(DEV構建)測試,FF 8,IE 9(和7,8 compat的模式)
+0
由於某種原因寬度的作品,但我實際上需要使用高度屬性進行縮放。寬度調整適用於所有瀏覽器,但高度僅適用於Chrome。 – user981053
+1
是您的容器設置爲特定高度嗎? – MikeM
+0
是的,容器的高度已設置。 – user981053
相關問題
- 1. 如何使用grunt將圖像大小調整爲其大小的百分比?
- 2. 使用百分比值調整圖像大小,同時更改縱橫比
- 3. 基於百分比值調整圖像大小
- 4. 浮動IMG調整大小百分比
- 5. 如何使用百分比作爲參數在HTML中調整圖像大小?
- 6. c#調整圖像的百分比值
- 7. css html百分比調整圖像
- 8. 如何使用WPF組件中的大小調整百分比?
- 9. 停止使用百分比調整大小的CSS
- 10. 如何強制jQuery調整大小以使用百分比?
- 11. 使用百分比大小的堆棧圖像
- 12. 根據表面積調整圖像大小以覆蓋div的百分比
- 13. 通過產品圖像的百分比調整Magento水印的大小?
- 14. div中的圖像不會根據div百分比調整大小
- 15. 真正的響應百分比圖像調整大小獨立的容器
- 16. webkit:按比例調整圖像大小
- 17. HTML/CSS圖像調整大小比例
- 18. 圖像調整大小不同比率
- 19. 比例圖像調整大小
- 20. 調整圖像大小保持比例
- 21. 比例圖像調整大小
- 22. CSS百分比大小指定大小調整元件超過指定大小
- 23. 如何在調整圖像大小時調整圖像大小使用drawImage
- 24. 使用百分比字體大小?
- 25. 圖片調整大小調整比率
- 26. 調整圖像大小和性能
- 27. jquery圖像調整大小和性能
- 28. 使用CSS調整圖像大小
- 29. 使用PythonMagick調整圖像大小
- 30. 使用Crop調整圖像大小
可否請您提供示例代碼,優選在的jsfiddle? – ksindi
我從來沒有聽說過這個(http://www.w3.org/TR/CSS2/visudet.html#propdef-width) – MatTheCat