Responzivní web design je metoda tvorby webu, která zaručí, že se daný web přizpůsobí velikosti displeje zarízení, na kterém je zobrazen.
V praxi se tato optimalizace řeší prostřednictvím kaskádovacích stylů, kdy lze, pomocí vlastnosti Media Queries, libovolným rozměrům displeje přiřadit
CSS styly pro jeden a ten samý HTML dokument.
Výhody
Hlavní výhodou responzivního web designu je to, že jedna a ta samá webové stránka se zobrazuje různě podle toho, které CSS styly jsou zrovna
relevantní vzhledem k vlastnostem displeje. Nemusí tak existovat různé verze jedné webové stránky a údržba takového webu je tím jednodušší i levnější.
Nevýhody
Velkou nevýhodou je fakt, že se při načítání webové stránky stahuje veškerý obsah (včetně obrázků) a to i ten, který je třeba momentálně skrytý pomocí kaskádových stylů.
Načítání takové stránky může trvat dlouho a to hlavně na mobilních zařízeních. Dochází tak k plýtvání baterie i datového přenosu.