CSS将图片填充整个页面

代码

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

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

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