CSS background stretches to fill height in iOS but there is white space on scroll

Question

this CSS gets my background to fill 100% of the screen height in iOS but there is a minor problem - when you scroll down there is initially white space, then when you release yo

Answer 1

Try using viewport units on the background

background-size: 100vw 100vh;

But first add viewport meta tag to your page:

NOTE:

The vw and vh units are not fully supported, check out the supported browsers here.