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

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

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