2

メディアクエリを使用して、ブラウザのサイズに応じて個別の画像を使用して背景を定義する場合、次のようになります。

@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つの関連する画像を要求しますか、それともすべての画像を要求しますか?

すべての画像をダウンロードする場合、それを修正するにはどうすればよいですか?

ありがとうございました。

4

1 に答える 1

3

ブラウザとプラットフォームによって異なります。

現時点では、ほとんどのブラウザは必要な背景画像のみをダウンロードします

他のメディアでは、動作が異なる場合があることに注意してください(背景画像ではない画像を含む)。

于 2013-01-13T19:39:50.197 に答える