CSS将图片填充整个页面 代码 /*不加这代码的话,图片只会有一半*/ html{ height: 100%; } body{ background-image: url(../img/1.jpg); /*加入图片*/ background-position: center; /*设置图片的位置*/ background-size: cover; } background-size: cover;:把背景图片放大到容器一样的尺寸大小,图片的比例不会变,但超出的会被剪裁掉。 background-size: 100%, 100%; :按容器比例撑满,图片变形。