Home › Forums › CSS › [Solved] Full Page Backgrounds on iOS (background-size: cover) › Reply To: [Solved] Full Page Backgrounds on iOS (background-size: cover)
Found this solution/tuto that works like a charm.
https://ihatetomatoes.net/make-parallax-website-responsive/
Also note that background-attachment: fixed; was the line generating erros on IOS
so I keep the following standard:
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
and only do a media query for large screens:
@media only screen and (min-width: 768px) {
.bcg {
background-attachment: fixed;
}
}
Hope this helps someone.