html - 有人可以解释一下 css 中称为 dots-per-CSS-inch 而不是 dots-per-physical-inch 的错误吗

Question

我在 ubntu 中工作，我使用 mi mobile 进行远程调试我得到下面的蓝色我不确定这是一个错误。

在远程调试时我收到这个错误:

 Consider using 'dppx' units instead of 'dpi', as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 144dpi), (min-resolution: 1.5dppx) 

我认为此错误是出于质量目的而发生的，但我并不了解 dppx 和 dpi，如果您知道此错误的解决方案，请帮助我。

Answer 1

只是为了跟进，这是一个 ERROR .

解决方案:

如果您有 dppx 覆盖，它应该不会再向您显示此消息。

请找到FIDDLE用于测试。

代码:

  @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) { 

      /* Retina-specific stuff here */

  }