Na co je viewport?

Zobrazovací oblast (viewport) určuje viditelnou část webové stránky v okně prohlížeče. Je nezbytná pro:

• Responzivní design: Umožňuje vytvářet rozvržení, která se přizpůsobují různým velikostem obrazovek zařízení (smartphony, tablety, stolní počítače).
• Změnu měřítka obsahu: Řídí, jak je obsah zobrazován a měřítkován v závislosti na velikosti zařízení.

<!-- Meta tag pro nastavení viewportu -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Parametry content:

• width=device-width: Šířka viewportu odpovídá šířce zařízení v CSS pixelech.
• initial-scale=1.0: Nastavuje počáteční úroveň přiblížení stránky.

Správné nastavení viewportu zajistí pohodlné zobrazení stránky na jakémkoli zařízení, zlepšuje uživatelský zážitek a SEO.