私は「only」キーワードについて読んでいますが、これに対する決定的な答えを見つけることができません。
CSS(Javascriptではなく)のみを使用して、メディアクエリを理解しない古いブラウザ(古い携帯電話など)や、メディアクエリを理解するが、falseを返す最新のブラウザを回避する方法があるかどうかを知りたいです。 (たとえば、740pxのmin-device-widthを見ているスマートフォン)リンクされたCSSファイルを読み取り、関連する大きな背景画像をダウンロードします。読み込み時間と帯域幅が気になります。
これが不可能な場合は、http://www.handsetdetection.com/features/mobile-browser-detectionまたはhttp://www.hand-interactive.com/resources/detect-mobileを使用することを考えています。 -php.htm(サーバー側ソリューション)。たとえば、デバイス幅が740px以上の場合にのみ大きな画像を含む「フルファット」スタイルシートを条件付きで提供します。