Проблема с дизайном формы на основе Bootstrap в браузере iPhone ⇐ CSS

[Anonymous]

У меня есть страница блога, где пользователь может оставлять комментарии, форма комментариев отображается как модальное окно Bootstrap, когда пользователь нажимает ссылку или кнопку.
Этот веб-сайт разработан на asp.net веб-форма.
Поскольку я не могу поместить весь код, я просто поместил соответствующий код страницы с помощью CSS и JS.
Эта форма работает нормально в браузере настольного компьютера, а также в браузере Samsung, но то же самое не работает iPhone.
В форме имеется несколько полей для ввода имени, электронной почты, страны, комментариев и т. д.
Когда я начинаю вводить имя, курсор отображается под полем ввода имени. и когда я ввожу курсор электронной почты, отображается почти две строки ниже поля ввода электронной почты. Я добавляю экран для справки, а также вот ссылка на Codepen.
[1]
[img]https://i.sstatic.net /tQDn2.png[/img]



Я не уверен почему он ломается, ведь я не могу запустить его на iPhone.




×

Comment

All fields are mandatory.


Name can't be blank


Email can't be blank
Enter correct email


Country
Afghanistan
Albania


Select Country


Message can't be blank

I wish to be anonymous. Do not publish my name with my comment.















Подробнее здесь: https://stackoverflow.com/questions/473 ... ne-browser