Question

我尝试更改在屏幕调整大小时剪切的背景图像，以便始终适合屏幕的宽度。

我尝试添加新课程或更改某些参数，但它不适用于背景图片。

.fixed {
 max-width: 100%;
 max-height: 100%;
 width: 100%;
 height: 100%;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-position: center center;
 background-size:100%;
}

这是我需要更改的图片，因为您可以看到如果您调整浏览器的大小： http://followmedelivery.com/

这是我想要获得的一个例子，但他们使用的是img，而不是使用background-image： http://followmedelivery.com/wp/

Answer 1

如果你没有小提琴，有很多代码要审查，但也许这就是问题所在。

transform: translate3d(0px, 19.0805px, 0px);

我已经检查过这种风格是应用于你的背景图片，但不是CSS而是JS。所以你必须转到JS文件并删除它，并检查是否使图片不再被剪切。尝试一下，让我知道是否成功：）

响应背景图像调整大小没有裁剪

1 个答案: