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

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

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

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

 

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

posted on 2016-12-06 11:24  胡小西去哪儿了  阅读(591)  评论(0编辑  收藏  举报

导航