谷歌Chrome圖像高度調整問題

Question

瀏覽器護目鏡鍍鉻用於調整圖像窗口高度的縮放比例。紅色和綠色的高度相同，您更改窗口大小，紅色低於綠色。 Probllem只出現在谷歌瀏覽器中。

.strona { 
 
    margin: 0 auto; 
 
    width: 100%; 
 
} 
 

 
.main1, 
 
.main2, 
 
.main3 { 
 
    display: table; 
 
    border-collapse: collapse; 
 
    width: 100%; 
 
    max-width: 1080px; 
 
    margin: 0 auto; 
 
} 
 

 
.cell { 
 
    display: table-cell; 
 
    vertical-align: top; 
 
} 
 

 
.cell img { 
 
    display: block; 
 
    width: 100%; 
 
    height: auto; 
 
}

<div class="strona"> 
 
    <div class="main1"> 
 
    <div class="cell"> 
 
     <img src="http://www.glosler.com/test/chrome/img_01.png" /> 
 
    </div> 
 
    <div class="cell"> 
 
     <img src="http://www.glosler.com/test/chrome/img_02.png" /> 
 
    </div> 
 
    </div> 
 
    <div class="main2"> 
 
    <div class="cell"> 
 
     <img src="http://www.glosler.com/test/chrome/img_03.png" /> 
 
    </div> 
 
    <div class="cell"> 
 
     <img src="http://www.glosler.com/test/chrome/img_04.png" /> 
 
    </div> 
 
    </div> 
 
</div>

jsfiddle.net