Що означає 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