html - 在 Firefox 中调整大小时图像容器宽度不会改变

标签 html css firefox responsive-design

我又遇到了 Firefox 的问题。

Here is a Fiddle来说明问题。当您垂直调整窗口大小时,您可以看到容器的宽度没有改变(蓝色背景)。有没有办法告诉 .slideshow-elem 容器根据 Firefox 中的图像调整它的宽度?

谢谢!

最佳答案

我对您的需求有点困惑,但我会尽力提供帮助。我查看了 Chrome 上的 jsfiddle,看看你想要什么,因为你说它在那里工作。这个问题似乎与 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>

http://jsfiddle.net/vjecdw2t/31/

像这样?

更新: 我注意到你没有结束你的 <img>带有 /> 的标签.如果您查看发布的 JSFiddle,会发现一些 div 突出显示为红色,这意味着存在问题。

关于html - 在 Firefox 中调整大小时图像容器宽度不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31103857/

相关文章:

c# - 如何更改ckeditor图标颜色

php - AJAX-从php获取数据

javascript - 根据数据属性选择被点击的元素

javascript - html2canvas打印截图

javascript - 将鼠标悬停在菜单栏上时隐藏一个 div

html - 为什么在从 Docbook/Oxygen 生成的 html 文件中不显示斜体文本

asp.net-mvc - 将开放搜索功能添加到现有 ASP.NET MVC 网站的步骤是什么?

html - 居中对齐div

javascript element.style 在 FF 中未定义

javascript - 关闭另一个选项卡/窗口