background-size

background-image:url(bg.jpg);

background-size:cover;/*等比例拉伸 铺满最短边，长边裁剪*/
background-size:contain;/*铺满最短边，长边空着*/

background-size: 100% 80px;/*横向铺满，纵向80px*/

background-size:150px 80px;/*横向150px，纵向80px*/

background-size:40% 60%;/*横向40%，纵向60%*/

浏览器的兼容性

支持浏览器：IE(9)、firefox、Chrome、Opera、Safari。

/*Mozilla*/
-moz-background-size:auto||<length>||<percentage>||cover||contain;
/*Webkit*/
-webkit-background-size:auto||<length>||<percentage>||cover||contain;
/*Presto*/
-o-background-size:auto||<length>||<percentage>||cover||contain;
/*W3c*/
background-size:auto||<length>||<percentage>||cover||contain;

转载于:https://www.cnblogs.com/appapplicaton/p/4866672.html