Почему ломается верстка на IPhone?

Question

[Ejik_Programmist]

Столкнулся с такой проблемой что ломается верстка на айфоне. Сайт адаптирован под мобильные устройства и на пк в Devtools на ширине экрана айфона все прекрасно отображается. Уже час ломаю голову в чем дело. На телефоне на андроид сайт показывается тоже нормально, один айфон выделывается. Подскажите пожалуйста в чем может дело, ибо у меня идей уже нету. https://morsytk.000webhostapp.com


Вот так выглядит на андроид:

Comments

[Владимир]

В хроме на андроиде тоже поломана 360/720

Выглядит как будто непраильно подобраны размеры

[Ejik_Programmist]

Владимир, Интересно... А интересней еще то что если обновить страницу то оно фиксится....

[Владимир]

Ejik_Programmist, адаптировали по mobile javascriprом, или mobile first делали?

[Ejik_Programmist]

Владимир, Не тем и не другим. Адаптировал с помощью CSS media

Answer 1

[manbiker]

попробуй поменять input type text вместо number

Comments

[Ejik_Programmist]

Попробовал. Не помогло:(

Answer 2

[Ejik_Programmist]

Хоть и кривовато немного, но проблему решил путем замены в width и font size %-х значений на vw. Спасибо всем кто откликнулся:)