Мне нужно сделать дизайн макета сайта на несколько разрешений экранов - для настольных мониторов, ноутбуков, планшетов, телефонов. Если брать макет сайта для экранов 1024х768 пикселей, то получается, что первый экран лендинга должен быть 768 пикселей в высоту, так? Или меньше - мы же должны ориентироваться по размеру окна браузера, а не по разрешению экрана. Окно браузера по размеру еще меньше экрана. И какой размер у экрана мобильной версии макета, в том числе высота? И какие есть вообще размеры для каждого экрана лендинга, если делаем дизайн для экранов с разрешением 1024х768 1280х1024 1366х768 1440 и больше. И еще для планшетов и телефонов. Какие есть вообще варианты размеров каждого экрана лендинга?
В CSS есть единицы измерения vw (ширина вьюпорта) и vh (высота вьюпорта). Это лучше чем под каждый экран в пикселях задавать, один раз задав высоту блоку width: 100vh он у вас на любом экране будет равен 100% высоты вьюпорта. Почитайте, например тут
Конечно же если вам подходит их поддержка браузерами
