css - 背景は画像<ページより中央に配置され、画像>ページより左に配置されます

Question

CSSでブラウザページのサイズに応じて背景画像の位置を処理することは可能ですか、それともjavascriptを使用して処理する必要がありますか？

画像がページよりも大きい場合は、左揃えにする必要があります

画像がページよりも小さい場合は、中央に揃える必要があります

Answer 1

メディア クエリ - ブラウザのサイズに応じて CSS スタイルを変更します。

#img { 
  width: 1000px;
  margin: 0 auto;
}

@media 
screen and (max-device-width: 1000px), 
screen and (max-width: 1000px) {

  #img { 
    float: left; 
    margin: 0;
  }
}