我试图为我的网站创建一个画廊,所以我使用最大高度/宽度来调整照片大小,并且它在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最大高度不起作用
- 3. Firefox flex和最大宽度
- 4. CSS最大高度和最大宽度同时不能在IE8中工作?
- 5. @media只有屏幕和(最大宽度:1280px),(最小高度:801px)不起作用
- 6. Silverlight中的最大宽度和高度
- 7. CSS我如何要求最大高度和最大宽度?
- 8. 最大宽度和最大高度解决在Internet Explorer
- 9. Internet Explorer中没有履行最大宽度或最大高度
- 10. 保持div的宽高比,并应用最大高度和最大宽度
- 11. 最小宽度,最大宽度的CSS使用最小宽度
- 12. wpf textblock,最大高度 - 首选宽度
- 13. 铬错读最大高度和最大宽度
- 14. 覆盖图像限制的最大宽度和最大高度
- 15. css最小宽度和最大宽度?
- 16. HTML fullscreenlayout最小宽度,最大宽度
- 17. ,最大高度
- 18. DIV与最大宽度和最大高度和保留比例(仅CSS)
- 19. HTML最小宽度作品最大宽度不是
- 20. 最大宽度100px与宽度100px,为什么最大宽度短于宽度?
- 21. ContentDialog最大宽度
- 22. 响应式图像最大高度100%不工作在Firefox中
- 23. 如何符合最大/最小宽度/高度
- 24. 如何使图像响应,最大宽度不起作用
- 25. 使视频宽高比保持最大100%宽度和高度
- 26. Chrome中的CSS表格和最大宽度不起作用
- 27. WooSlider最大高度
- 28. Firefox:盒子大小和最小高度
- 29. 最大宽度在表
- 30. 如何获得最大宽度和最大高度为ImageView的根据的Android
另一种方法是计算图像的新大小。顺便说一句...有一个错误在JS - 一个单一的;) –