背景图片不遵循封面规则

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

如果我正确地阅读您的问题，只需将标题宽度设置为图片的宽度。

Answer 2

如果您要为标题（英雄标题）尝试全宽背景图像。

试试这些代码示例。 Demo Link