正确对齐/定位标题图像背景

Question

我目前在一个网站上工作，并且在主标题区域中对齐/定位背景图像时遇到问题。

我希望图像能在那里完全看到。当我缩小到网站的移动版本时，我希望它也能正常工作。

这里是问题的屏幕截图，图像刚刚居中（我也使用过较大的图像）：

下面是我的CSS代码：

.header-six .header-t {
    padding: 30px 0;
    text-align: center;
    background-image: url("/image.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

Answer 1

.header-six .header-t {    
width: 100%;}

这可能有帮助。

Answer 2

您是否尝试过使用background-size: cover？