Привет всем, я сделал мою страницу входа отзывчивой с вводом электронной почты и пароля, но когда я увидел страницу на моем телефоне android и поместил текст на входах, высота экрана изменилась. Пожалуйста, дайте мне идею, как это исправить
ниже мой код css моей страницы входа
.page-login{
margin-top: 4rem;
display:flex;
flex-direction: column;
color:white;
background:url('https://i.pinimg.com/originals/7d/0e/02/7d0e029727f248376428b5f83d1fe4fe.jpg');
background-size: 100% 100%;
height: calc(100vh - 4rem);
width: 100vw;
}
верхний край поля 4rem для моего фиксированного заголовка