标头中的图像未正确缩放

Question

无论我在height属性中设置什么，标题中的图像都不会缩放。你可以在小提琴例子中看到，它看起来像它不到1px不准确。

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

注意：如果你看小提琴，你需要缩小＆＃34;结果＆＃34;，以便看到我在蓝色和橙色之间谈论的小高度差异。此外，卡的底部应该在标题之外。

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%;
}