Адаптивный просмотр элементов формы проблемы на мобильном телефоне - PullRequest
Новая
       6

Адаптивный просмотр элементов формы проблемы на мобильном телефоне

0 голосов
/ 13 апреля 2020

У моего веб-сайта есть проблема с мобильным просмотром. когда я нажимаю на поля ввода для записи чего-либо, изменение размера формы ... как я могу это исправить? Я добавляю в фон формы (css - изменить размер: нет ; но это не работает.) Вы можете увидеть здесь! Вид экрана

Спасибо!

1 Ответ

0 голосов
/ 13 апреля 2020

Ваша проблема - в зависимости от высоты блока .formular-bg . Когда клавиатура включена - высота окна просмотра меняется. 85 hv - это зависит от высоты области просмотра, которая резко меняется при появлении клавиатуры. 

.formular-bg {
    background: rgba(255, 254, 254, 0.93);
    width: 100%;
    height: 60vh; /*make it 'auto' or remove*/
    float: right;
    margin-top: 10%;
    resize: none; /*it's not going to work with fixed height*/
}

А этот 

@media screen and (max-width: 600px) {
.formular-bg {
    background: rgb(248, 248, 248,0.9);
    width: 100%;
    margin-top: 20%;
    margin-left: 5%;
    text-align: center;
    height: 85vh;/*make it 'auto' or remove*/
    resize: none;
}
}
...