Что значит viewport?

Где и как употребляется

Для адаптивных страниц нужен метатег viewport (width=device-width, initial-scale=1). Единицы CSS vw и vh задают долю ширины и высоты области просмотра; above the fold означает «в пределах первого экрана».

Примеры предложений

1. Without the viewport meta tag, the phone shows a tiny desktop version of the page.

   Без метатега viewport телефон показывает уменьшенную версию страницы для компьютера.

   Без настройки браузер неверно определяет видимую область мобильного устройства.

2. The hero image should fill the whole viewport on desktop.

   Главное изображение должно занимать всю область просмотра на компьютере.

   Изображение растягивается на весь видимый экран браузера.

Распространённые словосочетания

• viewport meta tag
• viewport width
• small viewports
• fill the viewport