-moz-device-pixel-ratio

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

已棄用:此特性不再推薦。雖然某些瀏覽器可能仍然支援它,但它可能已經從相關的網路標準中刪除,可能正在刪除過程中,或者可能僅為相容性目的而保留。請避免使用它,如果可能,請更新現有程式碼;請參閱本頁底部的相容性表格以指導您的決策。請注意,此特性可能隨時停止工作。

-moz-device-pixel-ratio 是一個 Gecko 引擎特有的 CSS 媒體特性,可用於根據每個 CSS 畫素的裝置畫素數量來應用樣式。

警告:請勿使用此特性。請改用帶有 dppx 單位的 resolution 特性。

注意:此媒體特性也被 WebKit 作為 -webkit-device-pixel-ratio 實現。Gecko 實現的 min 和 max 字首分別命名為 min--moz-device-pixel-ratiomax--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 的版本,並與 -webkit-device-pixel-ratio 一起用於相容不支援 dppx 的基於 WebKit 的瀏覽器。

示例

css
/* First, set for WebKit-based browsers */
@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2) /* Older Firefox browsers (prior to firefox 16) */,
  (min-resolution: 2dppx) /* The standard way */,
  (min-resolution: 192dpi); /* dppx fallback */

注意:有關 resolutiondppx 的相容性最佳實踐,請參閱這篇CSSWG 文章

規範

不屬於任何標準。

瀏覽器相容性

另見