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

Question

[Legal Adviser]

Всем привет.
Случилось чудо. Случайно затёр файлик ))) но не про это речь... случайно обнаружил в мобильных, что форма на моём сайте плывёт в браузерах (кроме яши) на андроиде Samsung. Не могу понять почему. Вроде отображается сперва норм, а если вписать данные, то расплывается за борта :-(
Может кто подскажет?
Страница обратной связи тут.
Всем спасибо заранее.
Вот так выглядит на самсунге форма пока не ткнул пальцем в инпут:

Вот так, после того как ткнул в инпут:

П.С. "На яблоке нормально всё."
Видео с проблемой: https://youtu.be/a0lUXiA2Ajg
Из-за чего так происходит и как это лечить?

Comments

[Steppp]

Да тут не только мобила плывет!




Возможно так сверстано! Хз)

[Рустам Байназаров]

Кто такой «Яша» и в каких версиях каких браузеров происходит подобное?

[Legal Adviser]

Steppp, я же писал. Файлик затёр. Восстанавливаю по мере возможности.
Меня волнует лишь то, что написал в вопросе.

[Steppp]

Legal Adviser,

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

То что файлик затер, но если речь не о нем, то почисти кеш браузера яши, и будет как везде)

А если уж очень нужно, вытащи из кеша затертый файлик)

[Legal Adviser]

Steppp, да поздно уже. Спохватился поздно.

[Steppp]

Legal Adviser, А бекапов нет? Хостинги должны их делать!

[Legal Adviser]

Steppp, а в чём смотрели?

[Steppp]

Legal Adviser, --- --- --- BackUp --- --- ---

Answer 1

[m0ze]

Вроде отображается сперва норм, а если вписать данные, то расплывается за борта :-(

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

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

Comments

[Рустам Байназаров]

Потому что при вводе текста в поля формы происходит scale…

С этого момента поподробнее, пожалуйста.

[Legal Adviser]

А почему того на яблоке и на компе при проверке такого нет?

[m0ze]

Обновил ответ, суть оказалась в другом :)