-webkit-min-device-pixel-ratio：2代表什么？

Question

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

max-device width 有意义，但像素比率对我没有任何意义。感谢。

Answer 1

来自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设备象素比率

     

给出每个CSS像素的设备像素数。

     

注意：此媒体功能也由Webkit实现   -webkit设备象素比。 Gecko实现的最小和最大前缀命名为min - moz-device-pixel-ratio和   最大 - MOZ-设备象素比;但是实现的前缀相同   Webkit被命名为-webkit-min-device-pixel-ratio和   -webkit-MAX-设备的像素比。