标头中的图像未正确缩放

时间:2014-10-02 21:42:40

标签: html css

无论我在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;
}

1 个答案:

答案 0 :(得分:0)

宽度我的朋友:

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

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