Постоянно сталкиваемся с одной и той же проблемой. Ширина сайта на устройствах Apple в мобильной версии больше ширины контента страницы. В результате на страницах присутствует скролл по оси X, где за контентом следует пустота.
Скриншот
P.S. Прошу прощения за качество, но имеем, что имеем.
Как с этим бороться? На устройствах под управлением Android все работает нормально и таких проблем не наблюдается!
Олдовый способ:
html,body {
overflow-x: hidden;
}
Такой вариант не подходит, т.к. при таком подходе отваливается
"position: sticky".
Может кто знает какие рабочие методы решения данной проблемы?