-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-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 的版本,並與 -webkit-device-pixel-ratio 一起用於相容不支援 dppx 的基於 WebKit 的瀏覽器。
示例
/* 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 */
注意:有關 resolution 和 dppx 的相容性最佳實踐,請參閱這篇CSSWG 文章。
規範
不屬於任何標準。
瀏覽器相容性
載入中…