Поясните за загрузки лишних стилей медиа запросом в теге?

Question

[Jsus Phptos]

почему загружаются все стили ? так должно быть ? если да в чем прикол ?

Comments

[DevMan]

Jsus Phptos каким боком js и php к вопросу?

[Jsus Phptos]

DevMan: ну я так подумал всеж мы программисты может кто знает

[DevMan]

Jsus Phptos: не думай так больше: теги для релевантности.

Answer 1

[Xozin]

Да, так и должно быть. То, что вы указываете media в теге link, по сути своей аналогично тому, что вы бы использовали @ media внутри css. Браузер загружает все стили, как минимум в виду того, что окружение может измениться

Answer 2

[Moskus]

Я не знаю, что вы понимаете под "приколом", но так, естественно, и должно быть. Ведь никто не знает, как может измениться контекст user-agent-а после загрузки страницы: окно browser-а могут максимизировать или сузить, страницу могут напечатать, что угодно могут сделать.
Так что media query - это инструкция для рендеринга страницы, а не для загрузки стилей.

Comments

[Jsus Phptos]

я себе представлял использование медиа в теге как условие которое определяет будем загружать страницу с этим файлом или нет просто если получается что это работает не так как я себе представлял то использование этой технологии не имеет смыла кроме как банальная альтернатив "@media" ...

[Moskus]

Jsus Phptos: Эту технологию не имеет смысла использовать только для того, для чего она не предназначена - для выборочной загрузки стилей, о которой вы мечтаете. Она предназначена для другого.

[Moskus]

Jsus Phptos: Собственно, для того, что вы хотите, используют другие вещи:
wicky.nillia.ms/enquire.js
https://www.christianheilmann.com/2012/12/19/condi...

[Jsus Phptos]

Moskus: считаешь правильным загружать пк версию вместе с мобильной ?

[Moskus]

Jsus Phptos: Во-первых, это не важно, что я считаю - важно, для чего предназначена данная технология. Она предназначена для того, чтобы по-разному отображать данные в разном контексте устройства вывода. Так задумано, это данность. Можете возмущаться по этому поводу сколько угодно, только, желательно, требуйте иного поведения от W3C, а не тут.

Во-вторых, что вы вообще называете в данном случае "мобильной версией"? В вашем примере используется условие ширины viewport-а, а даже не значение device-width или устройство handheld. Так что глядя на то, как написаны media query у вас, сделать однозначный вывод о том, что одно - это "мобильная" версия, а другое - "версия для ПК" - невозможно. Это просто разная ширина окна.

[Moskus]

Jsus Phptos: Если мне понадобится обеспечить выборочную загрузку, я это сделаю через проверку HTTP-заголовков, а не буду требовать от media query того, для чего оно не предназначено. Чего и вам желаю.