Выбор ответа Junior Блочная модель обновлено
Высота при aspect-ratio
Вопрос
Какой высоты будет блок, если высота не задана и содержимое помещается?
.preview {
width: 300px;
aspect-ratio: 16 / 9;
}
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 168.75px. aspect-ratio: 16 / 9 при заданной ширине и height: auto вычисляет высоту: 300 × 9 / 16 = 168.75px.
Варианты ответа
- 300px
- 168.75pxправильный ответ
- 533.33px
- Высота будет 0, раз она не задана
Разбор
aspect-ratio: 16 / 9 при заданной ширине и height: auto вычисляет высоту: 300 × 9 / 16 = 168.75px. 300px было бы при 1 / 1, 533.33px получается при перевёрнутом отношении 9 / 16. Нулевой высоты не будет: именно для этого свойство и нужно.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.