Responsivní web se přizpůsobuje velikosti obrazovky.
Responsivní design je přístup k návrhu a vývoji webových stránek, který zajišťuje, že obsah a rozvržení se automaticky přizpůsobují různým velikostem obrazovek – od mobilních telefonů přes tablety až po velké monitory.
Základem responsivity je:
- použití flexibilních gridů (např. CSS Grid, Flexbox),
- media queries v CSS (
@media), - přizpůsobivé obrázky a texty.
Responsivní design zlepšuje uživatelský zážitek, SEO i přístupnost webu.