メディアクエリを使用して、ブラウザのサイズに応じて個別の画像を使用して背景を定義する場合、次のようになります。
@media (min-width:1440px){div.container{background:URL('bg1440.png');}}
@media (min-width:960px){div.container{background:URL('bg960.png');}}
@media (min-width:480px){div.container{background:URL('bg480.png');}}
これが私のdiv構造です:
<div class="outerwrap">
<div class="innerwrap">
<div class="container">
コンテナクラスは、背景画像を保持するクラスです。
ブラウザは関連する画像のみを要求しますか、それともすべての画像を要求しますか?
ブラウザを開いてサイズを変更した場合、たとえば1440から960の場合、メディアクエリは2つの関連する画像を要求しますか、それともすべての画像を要求しますか?
すべての画像をダウンロードする場合、それを修正するにはどうすればよいですか?
ありがとうございました。