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

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>