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

Question

我有网页上的下面的标记（使用Twitter的引导）

<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中，图像要大得多！

为什么火狐呈现不同呢？

Answer 1

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