Tỷ lệ -webkit-min-device-pixel-ratio: 2 là gì?

Question

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

max-width thiết bị làm cho tinh thần nhưng tỷ lệ điểm ảnh không thực hiện bất kỳ ý nghĩa với tôi. cảm ơn.

Answer 1

Từ http://developer.android.com/reference/android/webkit/WebView.html

Các thiết bị pixel tỷ lệ -webkit phương tiện CSS truy vấn. Sử dụng công cụ này để chỉ định mật độ màn hình mà sử dụng biểu định kiểu này. Giá trị tương ứng phải là "0,75", "1" hoặc "1,5", đến cho biết rằng kiểu dành cho các thiết bị có mật độ thấp, trung bình mật độ hoặc màn hình mật độ cao tương ứng. Ví dụ: Biểu định kiểu hdpi.css chỉ được sử dụng cho các thiết bị với tỷ lệ pixel màn hình là 1,5, là tỷ lệ pixel có mật độ cao .

Và theo https://developer.mozilla.org/en/CSS/Media_queries

-thiết bị-pixel tỷ lệ moz

Cung cấp cho số lượng điểm ảnh thiết bị mỗi CSS pixel.

Lưu ý: Tính năng truyền thông này cũng được thực hiện bởi Webkit là -webkit-thiết bị-pixel-ratio. Tiền tố tối thiểu và tối đa được thực hiện bởi Gecko được đặt tên theo tỷ lệ min - moz-device-pixel-tỷ lệ và max - moz-device-pixel-ratio; nhưng các tiền tố giống như được triển khai bởi Webkit được đặt tên là -webkit-min-device-pixel-ratio và -webkit-max-device-pixel-ratio.