web-dev-qa-db-ja.com

-webkit-min-device-pixel-ratio：2は何を表していますか？

@media only screen and (max-device-width:480px), 
only screen and (-webkit-min-device-pixel-ratio: 2)
{ /*iphone css*/ }

最大デバイス幅は理にかなっていますが、ピクセル比は意味がありません。ありがとう。

iphonecssmedia
25
Marin

から http://developer.Android.com/reference/Android/webkit/WebView.html

-webkit-device-pixel-ratio CSSメディアクエリ。これを使用して、このスタイルシートが使用される画面密度を指定します。対応する値は「0.75」、「1」、または「1.5」のいずれかで、それぞれスタイルが低密度、中密度、または高密度画面のデバイス用であることを示します。例：hdpi.cssスタイルシートは、画面ピクセル比が1.5（高密度ピクセル比）のデバイスでのみ使用されます。

https://developer.mozilla.org/en/CSS/Media_queries

-moz-device-pixel-ratio

CSSピクセルごとのデバイスピクセル数を示します。

注：このメディア機能は、Webkitでも-webkit-device-pixel-ratioとして実装されています。 Geckoによって実装される最小および最大プレフィックスには、min--moz-device-pixel-ratioおよびmax--moz-device-pixel-ratioという名前が付けられます。ただし、Webkitで実装されているものと同じプレフィックスには、-webkit-min-device-pixel-ratioおよび-webkit-max-device-pixel-ratioという名前が付けられます。

36
j08691