background及background-size background--详解(背景图片根据屏幕的自适应)

background有以下几种属性：

background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image

background--详解(背景图片根据屏幕的自适应)

background-repeat: no-repeat;

background-size: 100% 100%;

/*基于元素最大的边计算背景图的大小*/            
background-size: cover;         
  
/*基于元素最小的边计算背景图的大小                
1.背景图原来的宽高比                
2.确保在元素中全部显示*/            
background-size: contain;