Viewport - Slovník pojmů - CS Technologies s.r.o.
Všechny články

Viewport

Autor: Jozef PRIMAS
Rubrika: SEO

Viewport je definovaný výřez zobrazení, který se používá pro responzivní weby.

Mobilní zařízení běžně zobrazují weby zmenšené. Do čitelné velikosti si to musí uživatel zvětšit sám. Viewport dělíme na Vizuální viewport, což je to co vidíme na mobilním zařízení. Layoutový viewport je opravdový rozměr stránek. Pomocí metatagu viewport donutíme prohlížeč mobilních zařízení zobrazovat stránky pro uživatele tak, aby nemusel dále zoomovat a veškerý obsah byl čitelný.

Každý mobilní přístroj ještě používá dervice-pixel-ratio to je koeficient, kterým se dělí hardwarové rozlišení.

Příklad:

iPhone 4 / iOS6 / Safari
Layoutový viewport: 980x1091
Hardwarové rozlišení: 640x960
Dervice-pixel-ratio: 2
Ideální viewport: 320x480

Nejčastější zápis Viewportu v responsivním designu je

<meta name="viewport" content="width=device-width, initial-scale=1">

width=device-width = skutečná šířka zařízení
initial-scale =1 = měřítko zobrazení 1:1