背景缩放 background-size

背景缩放 background-size

background-size属性规定背景图像的尺寸

 background-size:背景图片宽度 背景图片宽度；

• 单位:长度I百分比l coverlcontain;
• cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域
• contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域

background: url(public.jpg) no-repeat;
            /* background-size:图片的宽度 图片的高度;*/
            /*background-size: 50opx 200px;*/

            /* 1.只写一个参数肯定是宽度高度省略了会等比例缩放*/
            /* background-size: 50epx;*/

            /*2．里面的单位可以跟%相对于父盒子来说的*/
            /* background-size: 50%;*/

            /* 3. cover等比例拉伸要完全覆盖div盒子瞭可能有部分背景图片显示不全 */
            /* background-size: cover;*/

            /* 4. contain高度和宽度等比例拉伸当宽度或者高度铺满div盒子就不再进行拉伸了可能有部分空白区域*/
            background-size: contain;