-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*/ }

最大设备宽度是有道理的,但像素比率对我没有任何意义.谢谢.

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-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.