Не встает фиксированная заставка сайта в мобильной версии, как исправить?

Question

[Error 502]

body {
	background: url(../img/bg.jpg) top center no-repeat fixed;
	background-size: cover;
}

При просмотре из браузера Chrome на компьютере заставка сидит как ей и положено, так же включаю мобильный просмотр в режиме просмотра кода, масштабирую, проверяю - тоже все сидит как надо. При просмотре этой же страницы из браузера Chrome на самом мобильном устройстве картинка с заставкой каким-то непонятным образом масштабируется, в итоге виден только чёрный фон который в самом верху картинки, остальная часть ее расползается за пределы области видимости. Как можно решить эту проблему при том, чтобы заставка была фиксированной?

Comments

[ⓒⓢⓢ]

вполне возможно, что body раздувает из-за какого нибудь внутреннего блока.
попробуйте потапать страницу влево-вправо и\или временно overflow на body повесить

[Error 502]

сделал owerflow-x: hidden на body - не помогло(

[Error 502]

влево-вправо не мотается. да и нету там настолько большого элемента, чтобы заставка так тянулась.

Answer 1

[tyzberd]

fixed в моб очень плохо поддерживается https://caniuse.com/#feat=background-attachment
может из за этого