Почему на мобильных устройствах сайт не отображается корректно?

Question

[Legal Adviser]

Всем привет.
Подскажите пожалуйста, что не так я делаю.
Сайт вроде как доделал. Вроде как работает он в самых популярных браузерах. Но не могу понять почему отображается на мобильных гаджетах не так как надо.
В инспекторе браузеров на компе показывается нормально...
В iOS некорректно...
В android-устройствах форма обратной связи расползается...
Пример на iPhone6s:


Пример iPhone6s в браузере:


Пример iPad в браузере:

Пример на iPad:

Comments

[Legal Adviser]

На мою радость, бОльшая часть решилась простым обновлением кэша. А часть подправил line-height. Так, что в этой части вопрос закрыт.

Answer 1

[Legal Adviser]

На мою радость, бОльшая часть решилась простым обновлением кэша. А часть подправил line-height. Так, что в этой части вопрос закрыт.

Answer 2

[Владислав Черненко]

Есть такое понятие, как кроссбраузерность. А никто не говорил, что будет легко)

Answer 3

[ThunderCat]

Где там адаптивность то??? И у вас бутстрап подключен раньше чем используется (если подключен конечно).

Соре, но дизайн из 90х ваще не модно...

Comments

[Legal Adviser]

дизайн из 90х ваще не модно...

А какой модно?

Где там адаптивность то???

Интересно, а как у вас так получилось? У меня норм отображается с 300рх. в 5 самых распространённых браузерах, кроме сафари (нет возможности проверить).

[ThunderCat]

Legal Adviser,

А какой модно?

Ну, например из начала 2020х, вполне еще в тренде. Можно заглянуть на современные биржи шаблонов и примерно оценить что вообще происходит с дизайном сегодня. Иконки не в стиле детского рисунка там, шрифты посовременнее и без засечек... Так, чисто интереса ради гляньте...

Интересно, а как у вас так получилось?

У меня получилось как на скрине - отвалившийся жквери и никакой адаптивности. С третьего раза адаптивность заработала, но наверное это не совсем правильно...

[Legal Adviser]

ThunderCat,

Можно заглянуть на современные биржи шаблонов

- и чего там искать? Видел я ряд разных бирж... Там с десяток лендингов перекрученные с явной идентичностью различающиеся по цвету и картинкой. Так что это не мой вариант ;-)
Огромная редкость найти действительно произведение искусства, но такое и не нужно для моей тематики. Чем проще - тем лучше. Но не в этом суть.
Суть в том, что мне нужно понять почему, а точнее из-за чего проблема возникает. А ответ мне пока ни кто не смог дать.