Как создавать вертикально адаптивные веб-страницы?
Я пытаюсь создать одностраничную веб-страницу, но проблема в том, что я использую margin-top с em для размещения некоторых элементов по вертикали. На некоторых экранах он слишком сильно сдвинут вниз и не отображается, что заставляет пользователя прокручивать страницу вниз. Для меня это неприемлемо. Я пробовал использовать медиа-запросы, но проблема в том, что screen only не всегда работает, потому что вкладки, адресная строка, панель закладок и т. д. Также занимают место. Я просто не понимаю, как это сделать. Пожалуйста помоги.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Если бы вы поделились кодом, я бы получил четкую картину. в любом случае, следующий css должен помочь вам получить контейнер / обертку, высота которого равна длине окна, и все элементы внутри контейнера будут размещены в центре по вертикали и горизонтали.
.container {
height: 100vh;
display:flex;
flex-direction: column;
align-items: center; //center vertically
justify-content: center; //center horizontally
}
Используйте rem вместо em