为什么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缩放。