Css 当我缩小窗口时，标题未重新调整大小

我的标题是图片，所以我不能使用百分比。它必须具有固定的宽度和高度。 这样，当我调整窗口大小并使其变小时，页面内容适合正确的大小，但页眉保持不变（当然），因此，它溢出页面边界，并在底部添加一个滚动条

我是否可以剪切或裁剪页眉，使其高度始终固定，宽度自动与固定高度相对应，但页眉溢出页面边框的部分是隐藏的

我可以用

body {
overflow-x:hidden;
}

但我认为那是欺骗。 有什么想法吗

---

谢谢

我想这就是你想要的。。。将收割台做成适合100%宽度x任意高度的div。然后将该div设置为具有背景图像和溢出：隐藏。这将始终调整大小，以适应您的页面宽度没有滚动条

div{
    display: block;
    position: relative;
    width: 100%;
    height: 200px; /* Set your height here */
    overflow: hidden;
    background: url(http://www.f-covers.com/cover/beach-fun-vintage-photography-facebook-cover-timeline-banner-for-fb.jpg) no-repeat center center;
}

这将使背景图像尺寸保持在原始大小。但是，如果希望图像拉伸以适合div，请将其添加到css中

-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;

这是一把小提琴：

---

享受吧

那很好。你也可以使用高度或宽度的百分比，你的图像应该保持它的纵横比-只要你不做这两件事！非常感谢。不用担心，迈克尔：）