CSS将图片填充整个页面

代码

/*不加这代码的话，图片只会有一半*/html{height: 100%;}body{background-image: url(../img/1.jpg);/*加入图片*/background-position: center;/*设置图片的位置*/background-size: cover;}

background-size: cover；：把背景图片放大到容器一样的尺寸大小，图片的比例不会变，但超出的会被剪裁掉。

background-size: 100%, 100%; ：按容器比例撑满，图片变形。