Od počátku bylo základem responzivního webu CSS pravidlo @media
. Jejich nevýhoda ale je, že určují použitá pravidla podle velikosti obrazovky zařízení. Díky snaze několika designérů a vývojářů ale můžeme od roku 2022 používat i kontejnerovou podmínku @container
, která naopak určuje responzivní styl podle místa dostupného pro konkrétní DOM prvek (tzv. kontejner).
Archiv štítku: layout
Rychlost zpracování změn CSS
CSS styly musejí reagovat na celou řadu změn ve stránce, ať už je to akce uživatele (:hover
či :focus
) nebo programové změny (class
či přidání DOM prvků). A zatímco některé změny jsou pro prohlížeč hračkou (např. změna barvy rámečku), tak nad některými musí strávit dlouhý čas, aby je do stránky přidal (např. změna šířky rámečku z 1px na 2px).