Na čo je viewport?

Zobrazenie oblasti (viewport) určuje viditeľnú časť webovej stránky v okne prehliadača. Je nevyhnuté pre:

• Responzívny dizajn: Umožňuje vytvárať rozloženia, ktoré sa prispôsobujú rôznym veľkostiam obrazoviek zariadení (smartfóny, tablety, stolové počítače).
• Zmena mierky obsahu: Riadi, ako sa obsah zobrazuje a škáluje v závislosti od veľkosti zariadenia.

<!-- Meta tag na nastavenie viewportu -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Parametre content:

• width=device-width: Šírka viewportu zodpovedá šírke zariadenia v CSS pixeloch.
• initial-scale=1.0: Nastavuje počiatočnú úroveň priblíženia stránky.

Správne nastavenie viewportu zabezpečuje pohodlné zobrazenie stránky na akomkoľvek zariadení, zlepšuje používateľský zážitok a SEO.