2012-06-13 30 views
1

我试图为我的网站创建一个画廊,所以我使用最大高度/宽度来调整照片大小,并且它在firefox和ie中不起作用。我也试过溢出:隐藏,并没有修复它。 您可以在我的网站 - http://guyzyl.org/highlights.html上查看问题(在Firefox和IE中),点击任何照片即可查看问题。提前致谢!最大高度/最大宽度在Firefox中不起作用,例如

+0

另一种方法是计算图像的新大小。顺便说一句...有一个错误在JS - 一个单一的;) –

回答

7

问题是您将错误的值分配给这些属性。例如,您将宽度设置为“100%”。该百分比指的是容器元素的宽度,其宽度是整个窗口的宽度。这张巨大的箭头在左侧偏移的照片因此从屏幕向右溢出。

你应该只是使用Firebug来玩属性值来提出适当的东西。您应该考虑使用百分比来调整箭头控件的大小。

2
vertical-align: top; 

对您的图像似乎有帮助,但是您应该接受@Pointy的建议,因为他所说的是正确的。

+0

我试图实现这一点,它并没有为我工作 – guyzyl

0

以百分比设置高度是有问题的。尝试在那里使用一个像素,并且还要注意,在设置宽度和高度时,图像的行为不同于其他块元素。

我会使用像素的最大高度和设置最大宽度与百分比..

+0

也设置vertical-align:top; @luca +1 –

+0

我想要根据浏览器大小调整图片大小,以免无法使用 – guyzyl

相关问题