background-size
来源:互联网 发布:淘宝买兔子的买家秀 编辑:程序博客网 时间:2024/04/25 21:14
http://www.jianshu.com/p/8f38361825b6
background-size:contain与cover的区别:
不同之处:
1、在no-repeat情况下,如果容器宽高比与图片宽高比不同,
cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被裁掉;cover即为”塞满“。
contain:图片自身的宽高比不变,缩放至整个图片自身能完全显示出来,所以容器会有留白区域。contain即为“包含”,我图片虽然缩放了,但是整个图是被“包含”在里面了,完整显示,不能裁剪。
2、在repeat情况下:
cover与上述相同;
contain:容器内至少有一张完整的图,容器留白区域则平铺背景图,铺不下的再裁掉。
阅读全文
0 0
- background-size
- background-size
- background-size
- background-size:cover与-webkit-background-size
- 【CSS3】---background-origin background-clip background-size
- CSS3 background-size属性
- css3 background-size 用法
- css3 background-size
- 详解background-size
- CSS3 Background-size
- CSS3-background-size
- background size 解析
- CSS3 Background-size 详解
- css3中的background-size
- background-size:cover | contain;
- background-size属性
- background-size:cover
- css3 背景图片 background-size
- MPEG-DASH介绍
- IMX6Q 对micro sd卡的支持&android 开放读写权限
- 单片机常用工具
- 对象行为型模式——策略模式(Strategy Pattern)
- TP5 在模板中写PHP语句
- background-size
- ubuntu下给用户添加sudo权限,并且如何取消sudo权限
- 开源数据库的现状
- Tomcat的class加载顺序
- 怎样使用C# 制作串口连接软件
- 保研经历
- 笨方法学习Python-习题5:更多的变量和打印
- 【队内胡策】爬楼梯
- 快速排序