设置＆＃34; max-width＆＃34;到较大设备的背景图像

Question

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

这就是我现在拥有的。无论设备有多宽，图像都覆盖整个宽度。我需要它以1600px宽度停止。

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%;
  }
}