デバイスのピクセル密度にCSSメディアクエリを使用すると、-moz-min-device-pixel-ratio
とmin--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*/
}
?
元を使用する一部のチュートリアル/ブログ:
-
http://menacingcloud.com/?c=highPixelDensityDisplays -
http://css3.bradshawenterprises.com/blog/retina-image-replacement-for-new-ipad/
mozilla.org含む以降を使用する一部のチュートリアル/ブログ、:
- http://www.slideshare.net/zomigi/css3-using-media-queries-to-improve-the-web-site-experience
- https://developer.mozilla.org/en/CSS/Media_queries/
うわー、私はこれを知らなかった! Mozillaの奇妙な構文を反映するように私のサイトを更新します! –