View Web Page Full Screen

View content full screen

Make an image fit the web page

Demo: How to View Web Page Full Screen


Edit as necessary.

            body, html {
                height: 100%;
                margin: 0;

            .bg {
              /* The image used */
              background-image: url("");

              /* Full height */
              height: 100%; 

              /* Center and scale the image nicely */
              background-position: center;
              background-repeat: no-repeat;
              background-size: cover;


A few lines of CSS is all you need to view web page full screen