Two methods for full screen adaptation of background pictures, background size: cover; Or (background size: 100% 100%;)

background: #000 url(img1.jpg) no-repeat fixed center center;

background-size: cover;  perhaps （background-size: 100% 100%;）

          Pay attention to writing well background Then write background-size, Otherwise it will be useless , Bear in mind , I wasted more than an hour here

     

100% and cover The difference between the two is roughly as follows

          background-size in ,100% and cover Are used to enlarge or zoom the image to fit the entire container

background-size：100% 100%;--- Fill up in proportion to the container , Image distortion ;

background-size：cover;--- Enlarge the background image to fit the element container , The scale of the picture is the same , But be careful , The part beyond the container may be cut off .

          I personally feel that background-size：100%,100%; Better effect

          Original picture