我刚建立了一个主页，主要是因为该网站是一个摄影网站;但是，我在Chrome和Safari中检查了网站并且工作正常，但FIREFOX是另一个问题。
似乎Firefox在调整浏览器大小时会破坏我的布局，主要是图像调整大小。似乎我已经检查了每个区域的解决方案，但无法弄明白......
任何人都可以帮忙???
我的网站是：www.theartxp.com/roze
答案 0 :(得分：-1)
问题是图像容器设置为display:inline-block，这意味着它应该跨越其子项的整个大小，但是因为您试图根据父项的大小限制图像的宽度（{ {1}}）他们互相取消了。容器的宽度始终是图像的宽度。
你应该让容器div显示为块：
max-width:100%答案 1 :(得分：-2)
w3.org规范声明max-width不适用于内联元素。看起来它确实适用于替换元素。我的错。无论如何，要解决您的问题，请将图片宽度更改为width: 100%而不是max-width: 100%，这样就可以了。
Meta：作为旁注，如果有人提供了一个很好的解决方案，但不是100％准确的信息，那么就有一个编辑按钮。大规模投票只是在不使StackOverflow更好的情况下阻止贡献。