Html 引导：Firefox正在破坏我的页面布局

我刚刚建立了一个主页，主要利用图像作为网站是一个摄影网站；不过，我在Chrome和Safari中查看了该网站，效果很好，但FIREFOX是另一个问题

在调整浏览器大小时，Firefox似乎打破了我的布局，主要是图像大小。似乎我已经检查了每一个领域的解决方案，但无法找出它

有人能帮忙吗

我的网站是：

w3.org规范规定最大宽度不适用于内联元素。它看起来确实适用于替换的元素。我的错误。无论如何，要解决您的问题，请将图像宽度更改为

width:100%

，而不是

max width:100%

，效果很好

---

Meta：顺便说一下，当有人提供了一个很好的修复，但不是100%准确的信息时，会有一个编辑按钮。大规模向下投票只是在不使StackOverflow变得更好的情况下阻止贡献。

问题是图像容器被设置为

显示：inline block

，这意味着它应该覆盖其子图像的整个大小，但因为您试图根据父图像的大小限制图像的宽度（

max width:100%

）它们有点相互抵消。容器的宽度始终是图像的宽度

您应该让容器div显示为块：

.he-wrap {
    position: relative;
    zoom: 1;
    /*display: inline-block; remove this*/
    /*position: relative; remove this too since it's a duplicate*/
}

---

您遇到了一个问题，您正在导入

custom.css中的引导css

，但您也在链接

中的文件。使用一个或另一个

最大宽度

是否适用于图像，规范规定如下：

适用于：除未替换的内联元素、表行和行组之外的所有元素已替换元素，因为它从外部源加载内容。第一个解决方案有效，但我会尝试一下，看看会发生什么。谢谢！