-moz-device-pixel-ratio

非标准： 此功能是非标准的，不在标准化轨道上。不要在面向 Web 的生产网站上使用它：它不会对每个用户都起作用。实现之间也可能存在较大的不兼容性，并且行为将来可能会发生变化。

已弃用： 此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请参阅本页底部的兼容性表，以指导您的决策。请注意，此功能可能随时停止工作。

-moz-device-pixel-ratio 仅限 Gecko 的CSS媒体特征 可用于根据每个 CSS 像素的设备像素数应用样式。

警告： 不要使用此功能。请使用resolution 特征，并使用 dppx 单位。

注意： WebKit 也实现了此媒体特征，名为 -webkit-device-pixel-ratio。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 接受最小/最大前缀： 是

示例

基本兼容性示例

-moz-device-pixel-ratio 可用于与低于 16 版本的 Firefox 兼容，以及与不支持 dppx 的基于 WebKit 的浏览器兼容，与 -webkit-device-pixel-ratio 一起使用。

示例

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 */

注意： 有关 resolution 和 dppx 的兼容性最佳实践，请参阅这篇CSSWG 文章。

规范

不属于任何标准。

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅