Leksykon IT › Web › Viewport meta

Viewport meta

Web Svenska → Zaktualizowano: 2026-10-07

Znacznik meta HTML sterujący skalowaniem treści w przeglądarce mobilnej: <meta name="viewport" content="width=device-width, initial-scale=1">. Niezbędny dla responsywnych stron — bez niego Safari pomniejsza stronę do szerokości renderowania desktopowego.

Pojęcie wprowadził Apple wraz z iPhone'em w 2007 roku. Domyślny viewport mobilny to ok. 980 px (renderowanie dopasowane do desktopu). Z width=device-width viewport odpowiada szerokości urządzenia w pikselach → media queries w CSS działają zgodnie z oczekiwaniami. maximum-scale=1, user-scalable=no to antywzorzec (psuje powiększanie gestem i szkodzi dostępności). viewport-fit=cover plus CSS z safe-area-inset dla ekranów z wycięciem (iPhone X i nowsze). Google Lighthouse i narzędzia do testów responsywności sprawdzają, czy znacznik viewport istnieje.

← Wróć do leksykonu