html - 背景图片不符合封面规则

Question

我的背景图像随着窗口宽度的减小而缩小。无论显示如何，我都希望图像是完整图像。我将如何实现？下面的代码缩放图像，然后开始只显示一个部分。

header {
position: relative;
width: 100%;
min-height: auto;
text-align: center;
color: #fff;
background-image: url(../img/header.jpg);
background-position: center !important;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

Answer 1

如果我没看错你的问题，只需将标题宽度设置为图像的宽度即可。