-moz-device-pixel-ratio

非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

非推奨
この機能はウェブ標準から削除されました。まだ対応しているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。使用を避け、できれば既存のコードを更新してください。このページの下部にあるブラウザーの対応を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

-moz-device-pixel-ratio

Gecko 2.0 が必要(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1)
非推奨 Gecko 16

CSS-moz-device-pixel-ratio メディア特性は Gecko 独自のもので、 CSS ピクセルあたりのデバイスピクセル数に基づいてスタイルを適用することができます。

この特性を使用しないでください。 resolution 特性と dppx の単位を代わりに使用してください。unit instead.

-moz-device-pixel-ratio は Firefox のバージョン 16 以前や、 dppx に未対応の WebKit ベースのブラウザーの -webkit-device-pixel-ratio との互換性のために使用されることがあります。例:

@media (-webkit-min-device-pixel-ratio: 2), /* Webkit ベースのブラウザー */
       (min--moz-device-pixel-ratio: 2),    /* 古い Firefox ブラウザー (Firefox 16 以前) */
       (min-resolution: 2dppx),             /* 標準の方法 */
       (min-resolution: 192dpi)             /* dppx のフォールバック */ 

resolution 及び dppx に関わる互換性の良い習慣については、 CSSWG の記事を参照してください。

メモ: このメディア特性は Webkit 及び IE 11 for Windows Phone 8.1 でも -webkit-device-pixel-ratio として実装されています。 min 及び max 接頭辞は、 Gecko では min--moz-device-pixel-ratio 及び max--moz-device-pixel-ratio です。しかし、同じ接頭辞が Webkit では -webkit-min-device-pixel-ratio 及び -webkit-max-device-pixel-ratio として実装されています。

構文

<number>
CSS ピクセルあたりのデバイスピクセル数。


メディア: media/visual
min/max 接頭辞の受付: はい

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
-moz-device-pixel-ratio media feature
非推奨非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 4IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。