elmazagangi
New Member
I do have a page with a fullscreen background image:\[code\]body{ background: url('img/background-1.jpg') no-repeat center center fixed; background-size: cover;}\[/code\]This works like it should on the desktop (the image is scaled and cropped to fit the browser window and does not scroll in case the page's contents overflow the window).Safari on iPad somehow seems to handle this differently as it scales the image to fit the whole document (not just the viewport) in case of overflow, so the background will be scrolling as well when you scroll down.My viewport meta looks like:\[code\]<meta name="viewport" content="width=device-width, initial-scale=1"> \[/code\]I read that this seems to be that way in Android too, but maybe this is something different again.Is there any way to do this without getting "hacky" (i.e. fixed \[code\]div\[/code\]-container and the likes). I'd love to be able to do this without any JS.