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

Разбираемся в CSS
Ответить
Anonymous
 Проблема с дизайном формы на основе Bootstrap в браузере iPhone

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»