css - 将 "max-width"设置为较大设备的背景图像

Question

我已将背景图片设置为 div，但我不希望它的宽度超过 1600 像素。例如，如果它在宽度超过 1600px 的设备上显示，我不希望背景图像覆盖整个宽度。有什么办法可以实现吗？

这是我目前拥有的。无论设备有多宽，图像都会覆盖整个宽度。我需要它的宽度停在 1600 像素处。

div {
  background: url("img/bg.jpg") no-repeat center top #067AB4;
  background-size: cover;
}

Answer 1

在您的 CSS 文件中使用以下代码:

@media (min-width: 1600px) {
  div {
     background: url("img/bg.jpg") no-repeat center top #067AB4;
     background-size: 1600px 100%;
  }
}