В некоторых сайтах нашей компании используются правила @media, где запрос использует ширину устройства, например.Префикс медиа-запроса с *, например * -device-width, действительный запрос для правила @media?
@media (max-device-width:800px) {} //various rules
Я искал через CSS наших компании сайты, чтобы найти какие-либо устаревшие правила, когда я наткнулся на this ссылки. Авторы утверждают, что префикс звездочки, такой как *-device-width
, возможен для медиа-запросов, и поскольку это ссылка Google, это утверждение должно быть правильным: p
Я не могу проверить это с помощью моей текущей настройки. Я попытался применить это правило к W3Schools и их настройке, но он, похоже, не работал (хотя действительные запросы действительно работали). На странице MDN для @media here не упоминается достоверность этого запроса. Также не следует делать документы WHATWG, такие как this, ни документы W3C, такие как this.
Является ли префикс звездочки, такой как *-device-width
, действительным для медиа-запроса, так что правило применяется как к max-device-width
И min-device-width
?
Никогда не думал, что я это скажу, но WHATWG не W3C, и точно так же, как W3C ненавидит ошибаться за W3Schools, WHATWG ненавидит так же, как и W3C. Кроме того, спецификация WHATWG, на которую вы ссылаетесь, описывает нестандартные функции - если вы пытаетесь выяснить, является ли ширина устройства частью стандарта, почему вы там смотрите? – BoltClock
Только что наткнулся на него, когда Google «ширина устройства» для другой проблемы у меня с нашей компанией. CSS - использование @ -ms-viewport {width: device-width;} –
Также я выбрал «Живой стандарт» из MDN страница - может выбрать этот: https://drafts.csswg.org/mediaqueries-3/#media0 –