Тест по CSS — Адаптивная верстка
С какой директивы начинаются медиазапросы в CSS?
- @media
- @screen
- @responsive
- @device
Какое значение width позволяет изображению адаптироваться к размеру контейнера?
- width: 100vw;
- width: 100%;
- max-width: 100%;
- min-width: 100%;
Какая единица измерения чаще используется для адаптивной типографики?
- px
- em
- vh
- %
Какое свойство помогает ограничить максимальную ширину блока на широких экранах?
- max-width
- display
- overflow
- z-index
Какой параметр чаще всего используют в медиазапросах для управления шириной экрана?
- min-device-width
- max-device-width
- max-width
- device-width
Какой HTML-тег используется для адаптивной загрузки изображений?
- picture
- source
- img
- responsive-img
Какой медиазапрос применяется для экранов шириной до 768px?
- min-width: 768px
- width: 768px
- max-width: 768px
- device-width: 768px
Какой класс в Bootstrap 5 устанавливает ограниченную адаптивную ширину контейнера?
- col-lg
- grid-sm
- media-xs
- container
Какая единица измерения соответствует проценту от ширины области просмотра?
- vh
- rem
- em
- vw
Какое CSS-функция используется для адаптивной типографики с границами min и max?
- calc()
- clamp()
- fit()
- fluid()
::ProseTestQuestion{:answers='"", "", "'
Как называется пороговое значение ширины, при котором макет изменяется?
- media
- device
- viewport
- breakpoint
Как называется подход, при котором интерфейс подстраивается под разные размеры экранов?
- adaptive: true
- responsive: auto
- responsive design
- media: true
Какое значение display используется для создания адаптивных строк и столбцов?
- columns
- float
- flex
- absolute
Какой синтаксис корректно задаёт адаптивный размер текста с ограничениями?
- clamp(1rem, 2vw, 3rem)
- width: auto auto auto
- min(1vw, 1rem)
- scale(1, 2)