標題中的圖像沒有正確縮放

Question

無論我在height屬性中設置了什麼，標題中的圖像都沒有縮放。你可以在小提琴的例子中看到，它看起來像它小於1px不準確。

小提琴：http://jsfiddle.net/u4wwegnt/

注意：如果你看一下小提琴，你需要走出「結果」的縮放，以小見大的高度差我是藍色和橙色之間談論。此外，卡的底部假設在標題之外。

HTML：

<header> 
    <img class="size" src="http://www.governorofpoker.com/new/img/logo-blue.jpg" /> 
</header> 

CSS：

body { 
    background:#FFF9E1; 
} 
header { 
    height: 185px; 
    background-color:#FA6F19; 
    text-align:center; 
} 
img.size {  
     height:223px; 
} 

Answer 1

寬我的朋友：

http://jsfiddle.net/u4wwegnt/4/

body { 
    background:#FFF9E1; 
} 
header { 
    height: 185px; 
    background-color:#FA6F19; 
    text-align:center; 
} 
img.size {  
    width:100%; 
}