我試圖爲我的網站創建一個畫廊,所以我使用最大高度/寬度來調整照片大小,並且它在firefox和ie中不起作用。我也試過溢出:隱藏,並沒有修復它。 您可以在我的網站 - http://guyzyl.org/highlights.html上查看問題(在Firefox和IE中),點擊任何照片即可查看問題。提前致謝!最大高度/最大寬度在Firefox中不起作用,例如
1
A
回答
7
問題是您將錯誤的值分配給這些屬性。例如,您將寬度設置爲「100%」。該百分比指的是容器元素的寬度,其寬度是整個窗口的寬度。這張巨大的箭頭在左側偏移的照片因此從屏幕向右溢出。
你應該只是使用Firebug來玩屬性值來提出適當的東西。您應該考慮使用百分比來調整箭頭控件的大小。
2
0
以百分比設置高度是有問題的。嘗試在那裏使用一個像素,並且還要注意,在設置寬度和高度時,圖像的行爲不同於其他塊元素。
我會使用像素的最大高度和設置最大寬度與百分比..
+0
也設置vertical-align:top; @luca +1 –
+0
我想要根據瀏覽器大小調整圖片大小,以免無法使用 – guyzyl
相關問題
- 1. HTML最大寬度和高度在IE中不起作用
- 2. CSS:圖片最大寬度在Firefox和IE中不起作用
- 3. 使用最大寬度,最大高度與寬度,高度的組合
- 4. css div最大寬度不起作用
- 5. 在IE和Firefox中設置div的最大高度和最大寬度
- 6. Firefox flex和最大寬度
- 7. CSS最大高度不起作用
- 8. 引導最大高度/寬度不同
- 9. CSS最大高度和最大寬度同時不能在IE8中工作?
- 10. @media只有屏幕和(最大寬度:1280px),(最小高度:801px)不起作用
- 11. Silverlight中的最大寬度和高度
- 12. CSS我如何要求最大高度和最大寬度?
- 13. Internet Explorer中沒有履行最大寬度或最大高度
- 14. 谷歌瀏覽器中的最大寬度與最大高度
- 15. 最大寬度和最大高度解決在Internet Explorer
- 16. 設置最大高度和最大寬度在JCrop
- 17. 保持div的寬高比,並應用最大高度和最大寬度
- 18. 最小寬度,最大寬度的CSS使用最小寬度
- 19. CSS最大高度/寬度100%溢出
- 20. wpf textblock,最大高度 - 首選寬度
- 21. JavaScript模擬的CSS最大寬度,最大高度100%
- 22. CSS媒體查詢:最大寬度和最大高度
- 23. CSS響應圖像或者最大寬度或最大高度
- 24. 覆蓋圖像限制的最大寬度和最大高度
- 25. 鉻錯讀最大高度和最大寬度
- 26. HTML fullscreenlayout最小寬度,最大寬度
- 27. css最小寬度和最大寬度?
- 28. @media最小寬度和最大寬度
- 29. ,最大高度
- 30. css最小寬度和最小高度不起作用
另一種方法是計算圖像的新大小。順便說一句...有一個錯誤在JS - 一個單一的;) –