Ответ 1
Сам медиа-запрос, как вы говорите, используется для фильтрации WebKit, поскольку он использует свойство -webkit-
.
Chrome просто немного строг, когда вы говорите, что не может распознать
@media screen and(-webkit-min-device-pixel-ratio:0)
потому что это фактически недействительный CSS. Пространство после ключевого слова and
значимо. Это четко указано в спецификации CSS3 media:
ПРИМЕР 20
Ниже приведен неверный запрос на мультимедиа, поскольку не существует пробела между 'и и выражением. (Это зарезервировано для синтаксиса функциональных обозначений.)
@media all and(color) { … }
Функциональная нотация относится к вещам типа url()
, rgb()
и rgba()
. Как вы можете видеть, нет пробелов между именем функции и открывающей скобкой в этих примерах.
and
не является функцией, а просто ключевым словом, чтобы сказать, что медиа-запрос должен соответствовать указанному вами средству, и, что механизм компоновки должен удовлетворять выражению, которое вы размещаете после него. Скобки вокруг -webkit-min-device-pixel-ratio:0
просто обозначают это как выражение.
Приложение: да, это означает, что у вашего оптимизатора CSS есть ошибка;)