码迷,mamicode.com
首页 > 其他好文 > 详细

background-size的两个属性:cover和contain

时间:2016-12-06 13:27:09      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:元素   尺寸   nbsp   等于   高度   bsp   auto   图片   属性   

两种都不会造成图片失真,其中:

(1)cover:相当于宽度等于元素的宽度,高度设为auto;

(2)contain:相当于高度等于元素的高度,宽度设为auto;

 

例如:设置一个高度和宽度都为300px的容器,然后将一张1600px*1200px尺寸的图片设为为图片的背景,这个时候就应该想到设置下background-size

background-size的两个属性:cover和contain

标签:元素   尺寸   nbsp   等于   高度   bsp   auto   图片   属性   

原文地址:http://www.cnblogs.com/hulaoxi/p/6136900.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!