Background size on iOS

Question

I\'ve spent the morning doing research on the following issue. I\'m making a one page site, using a lot of images. I\'m aware that Safari is known for its weird handling of

Answer 1

Short answer: you can’t (for now).

You can play with @media screen and (max-width: 1024px) {} but for now iPad Pro have resolution more then ordinary monitors.

I offer you to disable fixed attachment for mobiles via this way:

Main CSS file:

.parallax {
   background-attachment: fixed;
   background-size: cover;
}

Main HTML

Additional fixparallax.css

.parallax {
   background-attachment: scroll !important;
}