Проблема с расположение блоков на iPhone
 

Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Скриншоты во вложениях первые 2 - как сайт выглядит на айфонах, 3, 4 - как он должен выглядеть.

Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно.


Кто-нибудь сталкивался с подобным? В чем может быть проблема?

В сафарях много косяков может быть, пробуйте найти поддержку всех свойств и методов которые используете, и если что-то не поддерживается заменить другими.

Я, собственно, именно это и пытаюсь сделать. На сайте используется Bootstrap'a версии 3.3.7. Разработчик заявляет полную совместимость с сафари, но как показывает практика, это не совсем так... Основная проблема у меня в том, что мне не на чем тестировать. Я в слепую делаю правки и прошу знакомых посмотреть как сайт выглядит.