iphone - device pixel ratio 一覧



-webkit-min-device-pixel-ratioとは何ですか? (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-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という名前になっています。

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

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





media