Android版股票瀏覽器的最大高度無法正常工作

Question

在Android 4.0.4版的股票瀏覽器中，我無法設置圖片的最大高度。目前它在其容器外呈現。

HTML

<div class="dualBlock"> 
    <div class="dualImage col-postImage"> 
     <img src="http://placekitten.com/300/600" /> 
    </div> 
</div> 

CSS

.dualBlock { 
    width:80%; 
    margin:50px auto; 
} 
div.dualImage { 
    max-height:300px; 
    width:100%; 
    position:relative; 
    text-align:center; 
    background-color:red; 
} 
div.dualImage img { 
    max-width:100%; 
    max-height:100%; 
} 

小提琴 http://jsfiddle.net/SEOplay/QkEtq/1/

這工作正常，在Chrome和渲染正如所料，問題只發生在Android股票瀏覽器上。

如果我定義的高度爲.dualImage，比如300px就可以。爲什麼Android只接受定義的高度，以及如何讓它在股票瀏覽器上工作？

Answer 1

這樣做：

div.dualImage img { 
    max-height: 300px; 
    max-width: 100%; 
}