背景尺寸(background-size)
background: url(img/bg.jpg)( no-repeat )
background-size: cover / contain / auto
有先后顺序,background-size放在 background后面才会生效
- background: url(img/bg.jpg) ( no-repeat )
- background-size: cover 和no-repeat无关
/*使图片放大到完全填充*/ 图片被放大居中显示
![](https://img2018.cnblogs.com/common/1876175/202001/1876175-20200130170130153-313709706.png)
- background: url(img/bg.jpg)
- background-size: contain
/*使图片填充,但是会保证图片的像素,常用 */
![](https://img2018.cnblogs.com/common/1876175/202001/1876175-20200130170458469-1352387514.png)
- background: url(img/bg.jpg) no-repeat
- background-size: contain
/*使图片填充,但是会保证图片的像素,常用 */
![](https://img2018.cnblogs.com/common/1876175/202001/1876175-20200130170910936-1059544284.png)
- background: url(img/bg.jpg)
- background-size: auto
图片的原有值
- background: url(img/bg.jpg) no-repeat
- background-size: auto
图片的原有值
![](https://img2018.cnblogs.com/common/1876175/202001/1876175-20200130171328916-1205762106.png)