Карточка Middle Адаптивность обновлено
svh, lvh, dvh
Вопрос
Чем отличаются svh, lvh и dvh?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Это проценты высоты viewport с учётом панелей мобильного браузера. svh считает маленький viewport (панели видны), lvh большой (панели скрыты, так же считается vh), dvh меняется вместе с текущим состоянием панелей.
Ответ
Это проценты высоты viewport с учётом панелей мобильного браузера. svh считает маленький viewport (панели видны), lvh большой (панели скрыты, так же считается vh), dvh меняется вместе с текущим состоянием панелей.
Разбор
Для полноэкранного блока на телефоне обычно берут 100svh или 100dvh вместо 100vh.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.