Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

resolution media query (compatibility prefixes)

-webkit-device-pixel-ratio は CSS の標準外の論理メディア特性で、標準の resolution メディア特性の代替です。

メモ: できるだけ、代わりに標準のメディア特性である resolution メディア特性クエリーを使用してください。この接頭辞付きのメディアクエリーは WebKit の機能であり、他のブラウザーエンジンは対応していない可能性があります。下記のブラウザーの互換性を参照してください。

メディアクエリ解像度

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`css.at-rules.media.-webkit-device-pixel-ratio`	1	12	63	3	18	1
CSS @ ルール
`-webkit-max-device-pixel-ratio` -webkit-device-pixel-ratio は CSS の標準外の論理メディア特性で、標準の resolution メディア特性の代替です。	1	12	63	3	18	1
`-webkit-min-device-pixel-ratio` -webkit-device-pixel-ratio は CSS の標準外の論理メディア特性で、標準の resolution メディア特性の代替です。	1	12	63	3	18	1

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

@media (-webkit-min-device-pixel-ratio: 2) {
  .logo {
    background-image: url('logo@2x.png');
  }
}

CSS Webkit prefix demo.

CSS standardconfigtext demo.

CSS fo-back with demo.