Při poskytování služeb nám pomáhají soubory cookies. Dalším využíváním těchto webových stránek souhlasíte s jejich využíváním.
Úvod Slovník pojmů SEO

Viewport

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

734 550 710
info@cstechnologies.cz

Ak. Heyrovského 1178

Hradec Králové

500 03

Popište, co by Vás zajímalo a my se s Vámi v nejkratším možném termínu spojíme.

Položky označené * je nutné vyplnit