Message about dppx and dpi in the Chrome console

1

When I enter the internal system I am doing here in the company I go to the console and a strange message appears:

  

Consider using 'dppx' units instead of 'dpi', as in 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen.

What does it mean?

obs: is just in my system, on other sites like Google for example does not appear.

    
asked by anonymous 25.03.2014 / 21:17

1 answer

1

dppx is a resolution / screen size detection metric, as well as dpi. However dpi does not represent the screen in an exact way.

  • dppx: Number of device pixels / screen per CSS pixel
  • dpi: Dots per inch

Chrome by default displays this message if the page uses dpi in your css, since dppx is a more accurate metric targeting the device you are viewing. But it's just a browser warning recommending the use of dppx instead of dpi to better support the various screen sizes.

Disable the message I believe is not possible because it is a default browser behavior. But it is possible to convert dpi usage to dppx.

1px / 1dppx = 96dpi

2dppx could be used in place of 144dpi .

But I think this feature is not yet well supported by browsers like IE.

Here are links to help:

25.03.2014 / 21:48