CSS: stretching background image to 100% width and height of screen?

Question

I have an image called myImage.jpg. This is my CSS:

body {
    background-image:url(\"../images/myImage.jpg\");
    background-repeat: no-repeat;
    backgro         


        

Answer 1

The VH unit can be used to fill the background of the viewport, aka the browser window.

(height:100vh;)

html{
    height:100%;
    }
.body {
     background: url(image.jpg) no-repeat center top; 
     background-size: cover; 
     height:100vh;     
}