Firefox中的圖像縮放問題

它似乎在Chrome和Safari中工作，但是當我在Firefox中檢查它時，圖像保持其原始大小。

這是我到目前爲止的代碼。

HTML：

<div class="full-width"> 
    <div class="image-wrapper"> 
     <div class="images"> 
      <img src="http://farm8.staticflickr.com/7165/6840151639_b31263de71_b_d.jpg" /> 
      <img src="http://farm8.staticflickr.com/7165/6840151639_b31263de71_b_d.jpg" /> 
     </div> 
    </div> 
</div>

CSS：

.full-width { 
    height: 100%; 
    width: 100%; 
    position: absolute; 
} 

.image-wrapper { 
    position: absolute; 
    right: 0; 
    width: 50%; 
    height: 55%; 
    margin-right: 15px; 
} 

.images { 
    position: absolute; 
    right: 0; 
} 

.image-wrapper img { 
    display: block; 
    height: auto; 
    max-height: 50%; 
    width: auto\9; /* ie8 */ 
}

您可以查看這裏工作的例子：http://jsfiddle.net/Pywak/

來源

2013-03-20 mousesports