背景图像不遵循封面规则

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

如果您正在尝试为标题(英雄标题(提供全宽背景图像。

请尝试这些代码示例。演示链接