Какова семантика «@media screen и (-webkit-min-device-pixel-ratio: 0)»?

Я использовал приведенный ниже CSS-хак для браузеров на основе WebKit, согласно http: // www .webmonkey.com / 2010/02 / browser-specific_css_hacks / .

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #my-id { height: 100%; }
}

Это работает. Но позже я обнаружил, что это не работает в производственной среде. Я выяснил, что это происходит из-за того, что оптимизатор CSS обрезал пространство после и . Приведенный ниже CSS не распознается Chrome.

@media screen and(-webkit-min-device-pixel-ratio:0) {
    #my-id { height: 100%; }
}

Итак, что именно означают экран @media и (-webkit-min-device-pixel-ratio: 0) ?

Я знаю @media screen , но я раньше не использовал и в файле CSS.

Почему необходимо использовать пробел после и ?