Responzivita

Responzivita

• funkčnost stránky se zobrazovat na různých zařízeních
• desktop, handheldy, tablety, hodinky, ...
• různé šířky zařízení

Historie

• prostě to nešlo
• vytvoření separátní stránky
• absence technologií

Současnost

• stránky jsou tekuté
• vlévají se do různých typů kontejnerů
• jednotky jako %, vh, vw, ...
• flexbox, grid
• DevTools

Zapnutí funkčnosti

Definice

Media queries

• způsob změny vlastností za určitých podmínek
• podmínka může být např. šířka či výška zařízení
• vkládáme pravidla
• zápis až na konci

Způsoby návrhu

Způsoby návrhu

• z malého do velkého zařízení
• z velkého do malého zařízení


• určení breakpointů