Question

我试图让这个标题图像扩展到我需要的任何大小，但它并没有完全做到。网站上的所有内容都是缩放，但图像就像右侧的一两个像素一样。

<div id="headerpic"><img style="width:100%" src="images/logo2.jpg"></div>

是html

#headerpic
{
position: relative;
height: 100%;
margin-bottom: 2px;
}

是CSS

除了悬挂的几个像素外，它看起来还不错。我怀疑它可能是因为它周围的黑色边框，但border =“0”没有任何消除它。有人有线索吗？ Cus我不...

Answer 1

你可以像这样使用CSS。

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

然后应缩放图像以适合其父容器的尺寸。

的建议

Answer 2

您正在谈论的边界可能在图像上，然后您可以尝试添加类似

的内容

#headerpic img {
    border: none; 
}

进入你的CSS。请参阅此jsfiddle上的示例。