Obszar widoku

Obszar widoku (viewport) to widoczny obszar strony internetowej w oknie przeglądarki. Na urządzeniach mobilnych strony kontrolują sposób skalowania do ekranu za pomocą znacznika <meta name="viewport">, który określa szerokość strony i zachowanie powiększenia — w tym, co jest niepożądane, możliwość uniemożliwienia użytkownikom powiększania.

Bez tego znacznika przeglądarki mobilne domyślnie renderują stronę ze stałą szerokością podobną do komputerowej (zwykle 980 px), a następnie zmniejszają wynik, aby dopasować go do ekranu. Tekst jest wtedy nieczytelny, dopóki odwiedzający ręcznie go nie powiększy. Zadeklarowanie width=device-width sprawia, że projektowanie responsywne i jego zapytania o media faktycznie działają na urządzeniach mobilnych.

Dowiedz się więcej

• Koncepcje obszaru widoku — wyjaśnienie MDN dotyczące obszaru widoku i znacznika meta viewport
• Projektowanie responsywne