Верстка · Middle · Запитання 24 з 75
Що робить object-fit: cover в <img> із заданими width і height?
- 1Розтягує зображення точно під розміри блока, спотворюючи пропорції
- ✓Правильна відповідь: Зберігає пропорції й заповнює блок цілком, а зайве обрізає
- 3Вписує зображення цілком зі збереженням пропорцій, лишаючи поля
Пояснення
cover заповнює область цілком, зберігаючи пропорції, і обрізає частини, що виступають (точку фокуса задає object-position). Вписування цілком із полями - це contain. Спотворення пропорцій - поведінка за замовчуванням (fill).