为什么 Firefox 渲染的图像比 Chrome 或 Safari 更大？

Question

我在网页上有以下标记（使用 Twitter Bootstrap）

<div class="row">
  <div class="span2">
    <a href="xxxx" class="link">
      <img src="path/to/image1.png">
    </a>
  </div>
  <div class="span2">
    <a href="xxxx" class="link">
      <img src="path/to/image2.png">
    </a>
  </div>
  <div class="span2">
    <a href="xxxx" class="link">
      <img src="path/to/image3.png">
    </a>
  </div>
  <div class="span2">
    <a href="xxxx" class="link">
      <img src="path/to/image4.png">
    </a>
  </div>
</div>

#css

.link img {max-width: 100% }

在 Chrome 和 Safari 中，这是按预期呈现的。

在 Firefox 中，图像要大得多！

为什么 Firefox 会以不同的方式呈现它？

Answer 1

检查您的缩放设置。您可以使用

Ctrl-0

重置 Firefox 缩放。

Answer 2

Firefox (127) 也有同样的问题！ 几周前就注意到了。 试图找到一个关于原因的有效答案。 但到目前为止还一无所获。 我发现某些社交媒体网站有这个问题，但其他网站则没有。与网站相同，并非所有网站都有这个问题，但有些网站却莫名其妙地存在。 有人知道吗？