Background image that fills entire viewport
If you want to have image in page background that will fill entire viewport, no matter what screen orientation, aspect ratio or dimensions are, then using CSS3 background-size: 100%
or background-size: cover
won’t help you.
In fact, to solve this problem, you can’t use pure CSS and you must help yourself with a block element.