Избегайте 100vh на мобильных устройствах

7 апреля 2020 года #javascript#css#100vh

Единицы области просмотра в CSS звучат великолепно. Если вы хотите, чтобы элемент занимал всю высоту экрана, вы можете просто установить высоту: 100vh и вуаля - у вас есть идеальный полноэкранный элемент, размер которого изменяется при изменении области просмотра! К сожалению, это не так. 100vh ломается тонким, но фундаментальным способом в мобильных браузерах, что делает его практически бесполезным. Лучше избегать 100vh и вместо этого полагаться на javascript, чтобы установить высоты для полного просмотра.

Подробнее