how to fit background image in html
/* To make an Image fit the Screen*/ METHOD - 1 html { background: url(images/yourImage.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } METHOD - 2 IMP: To make sure that the image covers the whole screen, you must apply **height: 100%** to both <html> and <body>: body, html { height: 100%; }