У меня проблема с Safari на iOS, и это ошибки с overflow-x: hidden . Я прочитал несколько веток об этом, и большинство решений, таких как добавление overflow-x: hidden в body или html, похоже, не работают для меня.

Моя структура следующая:

 {amp}lt;div 1 with overflow-x: hidden{amp}gt; {amp}lt;div 2{amp}gt; {amp}lt;div 3 (to center div 4){amp}gt; {amp}lt;div 4 (with changing margin-lefts){amp}gt; 

Теперь я произвольно назначаю новый отступ слева в% для div 4 . Div 3 предназначен для того, чтобы он (картинка) оставался точно по центру этого нового поля left, означая новую относительную позицию слева на экране.

Div 1 — это весь экран , 100vw, 100vh. Я не хочу, чтобы div 4 вырвался из этого , в большинстве случаев он левый или правый. Вот почему я использую overflow-x: скрытый там. Он отлично работает везде, кроме Safari для iOS.

Если я использую overflow-x: скрытый на Div 3 , он не выходит за пределы Div 1. Но изображение иногда уменьшается вдвое или даже больше. Я не хочу этого

Я могу предоставить вам рабочий jsfiddle позже, если вы хотите, вы можете увидеть проблему вживую на felixpoehland.com

У кого-нибудь есть хитрость или идея, почему это происходит и как это исправить?