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

MAX-裝置寬度有意義但像素比例沒有任何意義，我。謝謝。-webkit-min-device-pixel-ratio：2代表什麼？

來源

2012-02-24 Marin

從http://developer.android.com/reference/android/webkit/WebView.html

的-webkit設備像素比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。

來源

2012-02-24 20:33:31 j08691

謝謝，這是非常有幫助的。我在其他地方閱讀了關於使用'（-webkit-min-device-pixel-ratio：0）'作爲瀏覽器條件CSS的黑客攻擊。現在使用'（min - moz-device-pixel-ratio：0）'樣式表可以檢測到Gecko/Mozilla瀏覽器。其他瀏覽器有類似的功能嗎？ – JohnK 2012-09-26 00:34:04

它的w3c支持是什麼？我認爲w3c不支持這個... – SaurabhLP 2013-06-04 05:14:23

「我認爲w3c不支持這個」。爲什麼有供應商特定的前綴（-webkit或-moz，但不是那裏的前綴），是不是缺乏W3C標準？ – 2013-07-21 17:42:52

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

回答

相關問題