2012-07-11 11 views
13

デバイスのピクセル密度にCSSメディアクエリを使用すると、-moz-min-device-pixel-ratiomin--moz-device-pixel-ratioの両方が表示されます。例えばピクセル密度のCSSメディアクエリ:-moz-min-device-pixel-ratio vs. min-moz-device-pixel-ratio

:正しい

@media 
    only screen and (-moz-min-device-pixel-ratio: 1.5) { 
    /* styles go here */ 
} 

@media 
    only screen and (min--moz-device-pixel-ratio: 1.5) { 
    /* styles go here*/ 
} 

元を使用する一部のチュートリアル/ブログ:

mozilla.org含む以降を使用する一部のチュートリアル/ブログ、:

+0

うわー、私はこれを知らなかった! Mozillaの奇妙な構文を反映するように私のサイトを更新します! –

答えて

2

からです。かなり前に書かれていたので、私の記事に記載されているデバイスピクセル比率は正しくありませんでした(iPhone4の発売)。

Mozillaの正しい構文を参照するように更新されました。

なぜMozillaがmin-moz-device-pixel-ratioを選んだのかわかりませんが、これは選ばれた公式な形式です。

関連する問題