css - 将“最大宽度”设置为较大设备的背景图像

Question

我已将背景图像设置为 div，但我不希望它的宽度超过 1600 像素。例如，如果它显示在宽度超过 1600 像素的设备上，我不希望背景图像覆盖整个宽度。有没有办法可以做到这一点？

这是我目前拥有的。无论设备有多宽，图像都会覆盖整个宽度。我需要它停止在 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%;
  }
}