CSS @container vs @media query: Difference between revisions
From WikiMLT
m (Стадий: 3 [Фаза:Разработване, Статус:Разработван]; Категория:HTML and CSS) |
m (→Videos) |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<noinclude><!--[[Category:HTML_and_CSS|?]]-->{{ContentArticleHeader/HTML_and_CSS}}</noinclude> | <noinclude><!--[[Category:HTML_and_CSS|?]]-->{{ContentArticleHeader/HTML_and_CSS}}</noinclude> | ||
== Videos == | |||
{{media | |||
| n = 1 | |||
| img = YouTube-loading.webp | |||
| label = v | |||
| special = youtube | |||
| vid = 3_-Je5XpbqY | |||
| sz = 1200 | |||
| pos = center | |||
| ca = Container Queries are going to change how we make layouts by [https://www.youtube.com/@KevinPowell Kevin Powell] at [https://youtu.be/3_-Je5XpbqY YouTube]. | |||
}} | |||
{{media | |||
| n = 2 | |||
| img = YouTube-loading.webp | |||
| label = v | |||
| special = youtube | |||
| vid = j9CxKmX7iZE | |||
| sz = 1200 | |||
| pos = center | |||
| ca = Smart Sizing in CSS With Container Query Units by [https://www.youtube.com/@KevinPowell Adi Purdila] at [https://youtu.be/j9CxKmX7iZE YouTube]. | |||
}} | |||
== References == | |||
* [https://developer.mozilla.org/en-US/docs/Web/CSS/@media#browser_compatibility '''@media''' Browser compatibility at '''MDN'''] | |||
... | * [https://developer.mozilla.org/en-US/docs/Web/CSS/@container#browser_compatibility '''@container''' Browser compatibility at '''MDN'''] | ||
* [https://caniuse.com/?search=container%20query '''@container''' at '''Can I use?'''] | |||
* [https://css-tricks.com/next-gen-css-container/ Next Gen CSS: '''@container''' at *CSS-TRICKS] | |||
<noinclude> | <noinclude> | ||
Line 13: | Line 35: | ||
{{devStage | {{devStage | ||
| Прндл = HTML and CSS | | Прндл = HTML and CSS | ||
| Стадий = | | Стадий = 6 | ||
| Фаза = | | Фаза = Утвърждаване | ||
| Статус = | | Статус = Утвърден | ||
| ИдтПт = Spas | | ИдтПт = Spas | ||
| РзбПт = {{REVISIONUSER}} | | РзбПт = Spas | ||
| АвтПт = Spas | |||
| УтвПт = {{REVISIONUSER}} | |||
| ИдтДт = 9.07.2023 | | ИдтДт = 9.07.2023 | ||
| РзбДт = {{Today}} | | РзбДт = 9.07.2023 | ||
| АвтДт = 9.07.2023 | |||
| УтвДт = {{Today}} | |||
| ИдтРв = [[Special:Permalink/32603|32603]] | | ИдтРв = [[Special:Permalink/32603|32603]] | ||
| РзбРв = {{REVISIONID}} | | РзбРв = [[Special:Permalink/32610|32610]] | ||
| АвтРв = [[Special:Permalink/32612|32612]] | |||
| УтвРв = {{REVISIONID}} | |||
}} | }} | ||
</div> | </div> | ||
</noinclude> | </noinclude> |