Предотвращение модальных делений от поднятия экрана

Question

Link

Модального сосредоточено в середине экрана (сверху слегка смещено от центра, чтобы учесть интерфейс браузера и т.д.).

Если вы измените размер окна браузера, чтобы высота была меньше, чем у div, она будет отключена. Какой метод я могу использовать, чтобы остановить его вверху, а затем разрешить пользователю прокручивать элемент, чтобы увидеть все это?

.modal { 
    position: absolute; 
    height: 400px; 
    width: 400px; 
    margin-top: -200px; 
    margin-left: -200px; 
    top: 47%; 
    left: 50%; 
} 

Answer 1

пытаются использовать медиа вариант CSS:

@media (max-height: 400px) { 
.login{ 
    overflow-y: scroll !important; 
    margin: 0 auto !important; 
    position: static !important; 
    } 
}