Выбор ответа Middle Адаптивность обновлено
Как работает clamp()
Вопрос
При font-size: clamp(1rem, 4vw, 2rem) и корневом шрифте 16px какой размер будет на экране шириной 1200px?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 32px: 4vw = 48px, это больше максимума, берётся 2rem. clamp(MIN, PREF, MAX) возвращает PREF, ограниченный снизу MIN и сверху MAX.
Варианты ответа
- 32px: 4vw = 48px, это больше максимума, берётся 2remправильный ответ
- 48px: среднее значение
4vwвсегда приоритетно - 16px: при превышении максимума берётся минимум
- 24px: берётся среднее между минимумом и максимумом
Разбор
clamp(MIN, PREF, MAX) возвращает PREF, ограниченный снизу MIN и сверху MAX. 4vw от 1200px это 48px, больше максимума 2rem = 32px, поэтому 32px. Значение посередине берётся, только когда оно лежит между границами. Минимум берётся, когда PREF меньше него. Усреднения в clamp() нет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.