首页 > 其他 > 详细

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

时间:2016-12-06 13:26:43      阅读:1694      评论:0      收藏:0      [点我收藏+]

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

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

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

 

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!