Может кто-нибудь объяснить об ошибке в css, называемой dots-per-CSS-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) 

Я думаю, что эта ошибка возникает из-за качества цели, но я не understaing о dppx и точек на дюйм и, пожалуйста, помогите мне, если вы знаете решение этой ошибки.

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

    }