Адаптив Верстка

Что такое фиксированная верстка?

• • Верстка, которая подстраивается под размер экрана

• • Верстка с точно заданными размерами в пикселях

• • Верстка, где элементы растягиваются на всю ширину экрана

• • Верстка, которая использует только проценты для размеров

Какой единицей измерения чаще всего пользуются в верстке?

• миллиметры
• пиксели
• сантиметры
• дюймы

Что такое адаптивная верстка?

• • Верстка, которая всегда выглядит одинаково

• • Верстка, где ширина элементов задана в процентах

• • Верстка, которая подстраивается под разные устройства с помощью медиазапросов

• • Верстка, которая использует только фиксированные размеры

Как сделать адаптивное изображение?

• Используйте CSS: img { max-width: 100%; }

• Задайте фиксированные размеры для изображения в пикселях, в теге img.

• Примените JavaScript для изменения размера изображения.
• Используйте только атрибут width в .img

Какой подход НЕ относится к резиновой верстке?

• • Использование % для ширины

• • max-width для ограничения растягивания

• • Фиксированные px для всех блоков

• • calc() для гибких вычислений

За что отвечает viewport в meta-теге?

• Viewport управляет загрузкой изображений на сайте.
• Viewport управляет отображением страницы на мобильных устройствах.
• Viewport определяет цветовую палитру страницы.
• Viewport отвечает за безопасность данных пользователя.

Если блоку зададим display: flex. Элементы по умолчанию будут в строку или в колонку?

• В колонку
• В строку

Какой тег помогает подключать разные изображения для разных экранов?

• • <img>

• • <picture>

• • <div>

• • <span>

Разница em и rem

• em и rem используются только в пикселях.
• em зависит от родительского элемента, rem зависит от корневого элемента.
• em и rem одинаковы по значению.
• rem зависит от родительского элемента, em от корневого.

Разница vh, vw от %?

• vh и vw не имеют отношения к размерам, а % всегда фиксирован.
• vh и vw зависят от размера окна браузера, % зависит от родительского элемента.

• vh и vw зависят от родительского элемента, а % от размера окна браузера.
• vh и vw используются только для изображений, а % для текста.