-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 文章。
规范
不属于任何标准。
浏览器兼容性
加载中…