0

CSSがメディアクエリの条件をどのように決定するのか興味があります。このすばらしいCSS-Tricksの投稿は、デバイスのピクセル比や最小解像度などの条件の一部を示しています。

ブラウザにこれを偽装/より高い解像度のふりをさせる方法はありますか？問題のサイトのコードに触れることなくこれを行うことが理想的です（たとえば、網膜デバイスで表示したときにcnn.comに何が起こるかをテストするためにiFrameに影響を与える可能性があります）。

デバイスなしでのデバッグ/テストにとても便利です。

4

1 に答える 1

1

私はこれを別の方法で始めました。ちょっとハッキーですが、私はそれが好きです！

@media 
(height: 999px),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
     .wrapper {background:url(img/image@2x.jpg);}
}

メディアクエリもトリガーする特定の高さを指定します。本番環境では、メディアクエリの1つの条件を削除します。

于 2013-04-15T12:15:10.327 に答える