css - CSS3: モバイル デバイスは、メディア クエリ内で背景画像を読み込みますか?

Question

私が以下を持っている場合：

div {background: #000}

@media (min-width: 1000px) {
     div {background: url(myimage.jpg)}
}

たとえば、幅 320 ピクセルのスマートフォンでもその背景画像をダウンロードできますか?

ありがとう！

Answer 1

myimage.jpg が 320px 画面のスマートフォンでダウンロードされるとは思えません。

メディアクエリを使用している場合dispaly:none、実際には表示されませんが、画像は小さな画面にダウンロードされます。