背景尺寸（background-size）

背景尺寸（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无关

　　/*使图片放大到完全填充*/ 图片被放大居中显示

• background: url(img/bg.jpg) 
• background-size: contain 

/*使图片填充，但是会保证图片的像素，常用 */

 

 

• background: url(img/bg.jpg)  no-repeat 
• background-size: contain 

/*使图片填充，但是会保证图片的像素，常用 */

 

 

• background: url(img/bg.jpg)  
• background-size: auto

　　图片的原有值

• background: url(img/bg.jpg)  no-repeat 
• background-size: auto

　　图片的原有值