100vh css что это?

Один vh равен одной сотой высоты viewport в соответствующей модели единиц. Современное определение vh соответствует большому viewport, то есть варианту с убранными динамическими панелями браузера. Поэтому блок высотой 100vh может оказаться выше видимой области, когда панель на телефоне раскрыта. Dvh следует за динамическим размером, а svh использует малую высоту при раскрытых панелях и остается устойчивым при их обычном сворачивании. Выбор зависит от нужного поведения: динамическая секция может менять высоту во время взаимодействия, а малая оставит дополнительное место после скрытия панели. Для обложки с текстом рассмотрите min-height: 100dvh, чтобы длинное содержимое могло увеличить блок. Процентная height: 100% имеет другую базу и не является заменой vh без учета родительской высоты.