CSS：実質使わない画像も読み込まれますか？

質問

CSSのファイル内で

@media only screen and (min-device-pixel-ratio: 2){
　.classname{background-image:url(......);......}
}

など、メディアでの分岐で呼び出された画像は
その条件に合わなくても読み込まれてしまうのでしょうか？

もし分岐しても読み込まれてしまうならば回避する方法はありますか？

回答No.1

ORUKA1951 · ベストアンサー

読まれないです。
あくまでブラウザの問題で、ブラウザはページをレンダリングするために必要になったら、必要なものを改めてサーバーに要求します。
　ページを製作されているなら、firefoxはお使いでしょうから、Live HTTP headers( https://addons.mozilla.jp/firefox/details/3829 )と言うアドオンがありますから、それで確認いてみると良いでしょう。　Firebug ( https://addons.mozilla.jp/firefox/details/1843 )や FireMobileSimulator( https://addons.mozilla.jp/firefox/details/8519 )と組み合わせて確認すると良いでしょう。

お礼

ありがとうございます