2016-07-13 5 views
0

В некоторых сайтах нашей компании используются правила @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?

+1

Никогда не думал, что я это скажу, но WHATWG не W3C, и точно так же, как W3C ненавидит ошибаться за W3Schools, WHATWG ненавидит так же, как и W3C. Кроме того, спецификация WHATWG, на которую вы ссылаетесь, описывает нестандартные функции - если вы пытаетесь выяснить, является ли ширина устройства частью стандарта, почему вы там смотрите? – BoltClock

+0

Только что наткнулся на него, когда Google «ширина устройства» для другой проблемы у меня с нашей компанией. CSS - использование @ -ms-viewport {width: device-width;} –

+0

Также я выбрал «Живой стандарт» из MDN страница - может выбрать этот: https://drafts.csswg.org/mediaqueries-3/#media0 –

ответ

1

ли Звездочка-префиксы, такие как *-device-width действительны для запроса средств массовой информации, таким образом, что это правило относится и к max-device-width И min-device-width?

Нет, это не так. Способ ссылки на мультимедийную функцию сам по себе заключается в том, чтобы просто опустить любые префиксы. Таким образом, в этом случае это device-width. См. section 4 of Media Queries 3 и section 2.4 of Media Queries 4.

Я понятия не имею, почему авторы этого документа Google относятся к *-device-width, когда они могли бы просто сказал device-width - если я рискну предположить, что это, вероятно, потому, что device-width используется elsewhere - но в любом случае, звездочка не действительный префикс.