-moz-device-pixel-ratio

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

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

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

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

メモ: このメディア特性は 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 min/max 接頭辞の受付: はい

基本的な互換コード

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

例:

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

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

仕様書

どの仕様書にも含まれていません。

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
-moz-device-pixel-ratio media feature
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

関連情報