1.容器空间小于图片div{width:200px;高度:200px;边框:实心1px红色;背景色:#fff3d4;背景大小:300px;background-image:url(./moon.jpg);}.test1{background-repeat:space;}.test2{background-repeat:round;}space背景图片不会缩放,会裁剪成圆形将背景图片缩放到容器大小(不是等比例缩放)(上图是空格,下图是圆形)2.容器空间大于图像div{width:200px;高度:100px;边框:实心1px红色;背景色:#fff3d4;背景大小:60px;background-image:url(./moon.jpg);}.test1{background-repeat:space;}.test2{background-repeat:round;}space在不缩放的情况下尽可能多地重复图像轮次,以充分利用容器空间重复n次后(x/y轴方向),如果剩余空间大于等于imgWidth*50%,则重复n+1次,否则拉伸重复过的背景图
