html - メディア クエリのインライン スタイルを使用する

Question

ばかげているように聞こえるかもしれませんが、CSS メディア クエリをインライン スタイルで使用できますか? その理由は、PHP で背景をエコーし​​ており、デバイスが網膜の場合は網膜サイズの画像を使用する必要があるためです。

ie: <div style="background:url(normal.png); <- need to add style for retina device

Answer 1

私の知る限り、インラインスタイル宣言には含まれていません。

ただし、PHP内からエコーしていて、実際にスタイルシートにアクセスできない場合は<style />、メディアクエリでインライン要素をエコーし​​、divのクラスを使用することをお勧めします。

すなわち

<style type="text/css">
    .bg {
        background: url(background.jpg);
    }
    @media only screen and (max-device-width: 480px) { /* Change to whatever media query you require */
        .bg {
             background: url(background_highres.jpg);
        }
    }

</style>
<div class="bg">...</div>