Co je Responzivní design?

Responzivní design je způsob tvorby webu, díky kterému se stránka automaticky přizpůsobí velikosti obrazovky zařízení, na němž ji uživatel prohlíží. Na počítači, tabletu i mobilu tak zůstává čitelná a pohodlně ovladatelná.

Místo pevných rozměrů v pixelech web pracuje s pružným uspořádáním – prvky se podle šířky displeje přeskládají, zmenší nebo skryjí. Stojí na třech principech:

  • flexibilní struktura zadávaná v procentech,
  • pružné obrázky přizpůsobené rozlišení,
  • media queries měnící styl podle velikosti obrazovky.

Pojem zavedl v roce 2010 Ethan Marcotte. Dnes je responzivita standardem a vyhledávače ji zohledňují i při řazení výsledků.