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

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

#css
.link img{最大宽度：100%}

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

在Firefox中，图像要大得多

---

为什么Firefox会呈现不同的效果？

检查缩放设置。你可以用Ctrl-0键重置Firefox的缩放，我认为它的缩放效果不好。页面的其余部分是正确的，只有这些图像以4倍大小呈现在屏幕上。Firefox（和其他浏览器）允许用户设置独立于文本大小的图像大小。

<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% }