Виктор Т.
38 лет, Россия
16 сообщений
#6 месяцев назад
Всем привет. 
Случилась непонятная ситуация. Сверстал сайт на bootstrap-4. На компе в хроме (в инструментах разработчика все отображается адекватно) Загрузил на хост, на устройстве iphone 6 элементы накладываются один на другой (в одном блоке) Причем дело не в браузере! а в устройстве. В том же самсунге все адекватно.
На фото айфон 6.
помогите разобраться.
Приложения:
  • 95 КБ
Василий Л.
26 лет, Россия
342 сообщения
#6 месяцев назад
Проверьте чтобы у вас все префиксы были проставлены на флексах..
Виктор Т.
38 лет, Россия
16 сообщений
#6 месяцев назад
Debager, дело не в браузере. На iphone и хром, и яндекс, и сафари, и опера, везде косо. А самсунг j6 все ок  в Хроме, по крайней мере
Владимир Блискун
33 года, Россия
33 сообщения
#6 месяцев назад
kontakt_vt, на iphone все браузеры это надстройка над сафари - копайте в эту сторону.
Евгений К.
25 лет, Украина
628 сообщений
#6 месяцев назад
Дайте ссылку в личку. 
Максим Федоренко
36 лет, Россия
29 сообщений
#6 месяцев назад
Как выше написали попробуй добавить префиксы, тут подобная проблема https://github.com/twbs/bootstrap/issues/25429, одно из решений https://github.com/LeaVerou/prefixfree, там же прочитал.

Bootstrap 4 не поддерживает ios 8 (iphone 6), если он так нужен, можно переделать по bootstrap 3.
Евгений К.
25 лет, Украина
628 сообщений
#6 месяцев назад
Не. там на a href стоит type="button". От этого на i-устройствах применяется 
[type=button], [type=reset], [type=submit],button {
-webkit-appearance: button;
}

в личке тс-у отписал. )
Вячеслав А.
33 года, Украина
34 сообщения
#6 месяцев назад
Дебаг включить на ios не пробовали?)