background-size 设置背景图片的大小
来源:互联网 发布:东奥会计怎么样 知乎 编辑:程序博客网 时间:2024/04/20 00:39
background-size
设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。
语法:
background-size: auto | <长度值> | <百分比> | cover | contain
取值说明:
1、auto:默认值,不改变背景图片的原始高度和宽度;
2、<长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放;
3、<百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上;
4、cover:顾名思义为覆盖,即将背景图片等比缩放以填满整个容器;
5、contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
1 0
- background-size 设置背景图片的大小
- background-size 设置背景图片的大小
- background-size设置背景图片的大小
- css设置背景图片的大小:background-size:100px 200px;
- css3 背景图片 background-size
- background-size设置背景图片自适应 在ie8下失效的问题
- 背景图片剪裁之background-size
- CSS中背景图片的属性:background-repeat、background-position、background-size
- 用background-size实现 背景图片自适应浏览器大小,但不变形
- CSS3设置背景图片的大小
- CSS3:background-size背景图片尺寸属性
- ie7,ie8背景图片background-size无效问题
- android 设置背景图片 xml的background和java的getDrawable()
- android 设置背景图片 xml的background和java的getDrawable()
- android 设置背景图片 xml的background和java的getDrawable()
- android 设置背景图片 xml的background和java的getDrawable()
- background-position—CSS设置背景图片的位置
- background-origin设置元素背景图片的原始起始位置
- iOS微信支付开发
- Android使用AsynchronousHttpClient
- cle IMP-00015: 由于对象已存在, 下列语句失败
- The http_proxy Environment Variable
- Linux workqueue工作原理
- background-size 设置背景图片的大小
- UI界面-相对布局
- Javascript:json与字符串
- matlab学习笔记(一)---二维绘图
- 利用AIDL来实现由Binder进行进程间通信(IPC)
- Multi-label learning 第一周
- 如何定位和解决Andorid的内存溢出问题
- MyEclipse快捷键大全
- 黑马程序员_OC学习日记1