Привет всем.
Последнее время встречаю все чаще споры о том, как лучше делать экран приветствия. Конкретно, речь о его высоте. Некоторые студии и разработчики пишут, что экран на лендинге надо делать 100vh, другие, 900px хватает, третьи, что меньше 100vh и при это, должно быть видно заголовок или даже часть текста из следующего экрана. Бывает, что делают и больше 100vh, но это уже зависит от задумки дизайнера. Речь скорее о UX
Экран приветствия должен учитывать все популярные устройства. 900px по высоте не будут влезать на стандартный ноутбук или недорогой офисный монитор с их ~ 650px по высоте. Проще задавать ему высоту в 100vh + ограничение по высоте в px, если дело касается десктопов.
Но это так, отступление.
Всё от дизайна зависит. Какой-то экран приветствия прямо отлично выглядит и при 400px высоты. А какой-то выглядит так себе и в модных 100vh. Вот вы делаете экрана приветствия и понимаете, что он выглядит плохо и пусто при 100vh — почему бы его не сжать по высоте? Мы сконцентрируем нужную информацию, тем самым не будем заставлять человека бродить взглядом.
Рецепта нет, всё зависит от дизайна. Да, 100vh при грамотном дизайне выглядят хорошо. Но так же хорошо могут выглядеть и относительно небольшой блок.
В десктопной версии 100vh, в остальных - высоту не выставлять. Необходимо довольствоваться отступами элементов, чтобы не провоцировать моменты, когда элементы наезжают друг на друга. В мобильной, даже планшетной версии, ваша информация не влезет в эти условные 100vh
Без разница какая высота как по мне, но нужно что бы второй блок было хоть чуть видно (чтобы понять клиенту что дальше можно скролить) или же тогда внизу первого блока делать стрелочку вниз