Html 在Firefox中调整大小时,图像容器宽度不变
我再一次对Firefox有问题 来说明这个问题。垂直调整窗口大小时,可以看到容器的宽度没有改变(蓝色背景)。有没有办法告诉Html 在Firefox中调整大小时,图像容器宽度不变,html,css,firefox,responsive-design,Html,Css,Firefox,Responsive Design,我再一次对Firefox有问题 来说明这个问题。垂直调整窗口大小时,可以看到容器的宽度没有改变(蓝色背景)。有没有办法告诉.slideshow elem容器根据Firefox中的图像调整其宽度 谢谢 我对你想要什么有点困惑,但我会尽力帮助你的。我看了一下Chrome上的JSFIDLE,看看你想要什么,因为你说它在那里工作。这个问题似乎与HTML有关。CSS很好。我重新格式化了你的HTML,让它看起来更干净 <body> <div class = "slideshow">
.slideshow elem
容器根据Firefox中的图像调整其宽度
谢谢 我对你想要什么有点困惑,但我会尽力帮助你的。我看了一下Chrome上的JSFIDLE,看看你想要什么,因为你说它在那里工作。这个问题似乎与HTML有关。CSS很好。我重新格式化了你的HTML,让它看起来更干净
<body>
<div class = "slideshow">
<div class = "gallery">
<img src = "http://i.imgur.com/ti943oY.jpg" class = "slideshow-elem" width="400" height="600" />
<img src= "http://i.imgur.com/ti943oY.jpg" class = "slideshow-elem" width="400" height="600" />
</div>
</div>
</body>
像这样
更新:
我注意到您的
标记没有以/>
结尾。如果你查看你发布的JSFIDLE,有一些div突出显示为红色,这意味着有问题。我对你想要什么有点困惑,但我会尽力帮助你。我看了一下Chrome上的JSFIDLE,看看你想要什么,因为你说它在那里工作。这个问题似乎与HTML有关。CSS很好。我重新格式化了你的HTML,让它看起来更干净
<body>
<div class = "slideshow">
<div class = "gallery">
<img src = "http://i.imgur.com/ti943oY.jpg" class = "slideshow-elem" width="400" height="600" />
<img src= "http://i.imgur.com/ti943oY.jpg" class = "slideshow-elem" width="400" height="600" />
</div>
</div>
</body>
像这样
更新:
我注意到您的
标记没有以/>
结尾。如果你查看你发布的JSFIDLE,有一些div突出显示为红色,这意味着有问题。你想在浏览器高度改变时改变图像容器的宽度吗?我只是想让图像响应,但我也需要它们在容器中,因为其中一些需要垂直居中。现在我有一个不可见的容器,它的宽度应该是里面图像的宽度。可能吗?在Safari和Chrome中,它看起来和我想要的一样。你想在浏览器高度改变时改变图像容器的宽度吗?嗯,我只是想让图像响应,但我也需要它们在容器中,因为其中一些图像需要垂直居中。现在我有一个不可见的容器,它的宽度应该是里面图像的宽度。可能吗?在Safari和Chrome中,它看起来就像我想要的一样。谢谢你的回答,但正如我说的,我需要将图像放在一个容器中,因为其中一些图像需要垂直居中。我会用一个例子来更新我的意思。谢谢你的回答,但正如我所说的,我需要将图像放在一个容器中,因为其中一些图像需要垂直居中。我将用一个例子来说明我的意思。