0

我在网页上有以下标记（使用 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 会以不同的方式呈现这个？

4

1 回答 1

1

检查您的缩放设置。您可以使用 重置 Firefox 缩放Ctrl-0。

于 2013-04-14T09:08:59.410 回答