图像在Chrome＆amp;资源管理器但不在Firefox

Question

这是我的网站http://mokow.de/我正在努力。我试图通过在两边使用边距（9％）来保持一切对齐。不幸的是，我在底部的最后两张图片并没有真正遵循Firefox的一般规则吗？

有人可以给我一个简单的片段，因为我确定我在那里遗漏了一些东西，我一直试图解决这个问题一小时了，说实话它真的让我感到沮丧。 ：（

谢谢！

Answer 1

好的，我看到了你的问题。 这不是关于边距，你的问题是你的图像不够大，当屏幕太宽，因为他们有max-width:100%规则，那么它不会比实际更大。它们可以拉伸，但不能比图像的宽度增大，所以它们不会模糊。 你有2个可行的解决方案：

1. 将最大宽度规则更改为width: 100%
2. 或更新您的图片并使它们变得更大。

Answer 2

我为您的案例找到了解决方案，我缩小了页面并能够重现您的问题，我预计屏幕分辨率会出现问题。

更新以下样式：

.wpb_single_image .vc_single_image-wrapper {
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.wpb_single_image img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

我刚刚将width: 100%;添加到规则中。