css - より大きなデバイスの背景画像に「最大幅」を設定します

Question

背景画像を div に設定しましたが、幅が 1600px を超えないようにします。たとえば、幅が 1600px を超えるデバイスに表示される場合、背景画像が幅全体を覆うことは望ましくありません。これを達成する方法はありますか？

これは私が現在持っているものです。デバイスの幅に関係なく、画像は幅全体をカバーします。幅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%;
  }
}