css - レスポンシブ サイトを強制的に特定の解像度でレンダリングする

Question

私は現在、いくつかのブレークポイントを持つ新しいレスポンシブ Web サイトに取り組んでいます。これらのブレークポイントの間では、すべてのデバイスで常に可能な限り適切に表示されるように、レイアウトを柔軟にする必要があります。

ユーザーが従来のデスクトップ ブラウザーでページを表示する場合、ページのデスクトップ バージョンを強制して応答を防止したいと考えています。

その理由は、現在ドイツに存在するレスポンシブ広告の欠如です。

誰もがそれを達成する方法の手がかりを持っていますか?

Answer 1

デバイスの画面サイズではなくビューポート サイズを対象とするmax-device-widthではなくを使用する必要があります。max-width

@media only screen and (min-device-width : 1024px) {
   /* Styles */
}

Retina ディスプレイをターゲットにすることもできます。

@media only screen and (min-device-pixel-ratio : 1.5) {
   /* Styles */
}

編集: 詳細については、この SO スレッドを参照してください。