@Legal2019
Всё в имени моём... и радость и печаль...

Почему в мобильных браузерах css плывёт?

Всем привет.
Случилось чудо. Случайно затёр файлик ))) но не про это речь... случайно обнаружил в мобильных, что форма на моём сайте плывёт в браузерах (кроме яши) на андроиде Samsung. Не могу понять почему. Вроде отображается сперва норм, а если вписать данные, то расплывается за борта :-(
Может кто подскажет?
Страница обратной связи тут.
Всем спасибо заранее.
Вот так выглядит на самсунге форма пока не ткнул пальцем в инпут:
601516319aa60282651768.jpeg
Вот так, после того как ткнул в инпут:
6015168e98411916273461.jpeg
П.С. "На яблоке нормально всё."
Видео с проблемой: https://youtu.be/a0lUXiA2Ajg
Из-за чего так происходит и как это лечить?
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 1
@m0ze
The Gunner
Вроде отображается сперва норм, а если вписать данные, то расплывается за борта :-(

Потому что при вводе текста в поля формы происходит scale, т.е. банально, активное поле ввода увеличивается на экране моб. устройства, якобы для удобства пользователя.

UPD.: конкретно данный эффект зума пропадёт, если убрать обёртку <section class="f_bl-a"> ... </section>, то есть стоит смотреть заданные стили для класса f_bl-a. У вас много ошибок и в HTML, и в CSS, как минимум, проверяйте то что закомментировали.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы