Web ページに次のマークアップがあります (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 がこれを異なる方法でレンダリングするのはなぜですか?