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
