У меня проблема с Safari на iOS, и это ошибка с overflow-x: hidden. Я прочитал пару веток об этом, и большинство решений, таких как наложение overflow-x: hidden на тело или html, похоже, не работают для меня.
Моя структура следующая:
<div 1 with overflow-x: hidden>
<div 2>
<div 3 (to center div 4)>
<div 4 (with changing margin-lefts)>
Теперь я случайным образом назначаю новое поле слева в% для div 4 . Div 3 предназначен для того, чтобы он (картинка) оставался точно по центру этого нового поля слева, означая новую относительную позицию слева от экрана.
Div 1 - это весь экран 100 Вт, 100 Вт. Я не хочу, чтобы div 4 вырвался из этого , в крайнем случае, слева или справа. Вот почему я использую overflow-x: скрытый там. Он отлично работает везде, кроме Safari для iOS.
Если я использую overflow-x: скрыт в Div 3 , не вырвется из Div 1. Но изображение уменьшается вдвое или даже больше. Я не хочу этого.
Я могу предоставить вам рабочий jsfiddle позже, если вы захотите, вы можете увидеть проблему вживую на felixpoehland.com
Кто-нибудь получил трюк или идею, почему он это делает и как это исправить?