Background-img正在调整大小并重复

Question

我正在做一个网站，我在联系表格后面添加了一个background-img。首先，我页面的某些屏幕：

这是我全屏显示的页面：

这是我调整页面大小时的页面：

如您所见，当我调整页面大小时，将重复div的background-img。我希望它保持相同的尺寸，即使图像将被裁切。我尝试更改宽度，但是div的宽度也在更改，这不是我想要的行为。我还尝试使用fixed属性更改背景，但似乎不起作用。

希望您能为我提供帮助！

谢谢

Answer 1

使用这些CSS属性

background-size: cover;
background-repeat: no-repeat;