Верстка · Middle · Запитання 6 з 75
Чим repeat(auto-fill, minmax(200px, 1fr)) відрізняється від repeat(auto-fit, minmax(200px, 1fr))?
- 1
auto-fitне підтримуєminmax(), тому такий запис просто не спрацює - ✓Правильна відповідь:
auto-fillзберігає порожні колонки, аauto-fitїх схлопує й розтягує елементи - 3Різниці немає: це синоніми, залишені для зворотної сумісності
Пояснення
Обидва створюють стільки колонок, скільки влазить. Різниця помітна, коли елементів менше, ніж місць: auto-fill лишає порожні треки, а auto-fit схлопує їх до нуля, і 1fr розтягує наявні елементи. Для карток, які мають заповнювати ряд, зазвичай беруть auto-fit.