background-size语法
w3c对background-size的语法规定如下:属性名:background-size
属性值:* 其中 bg-size = [ | | auto ]{1,2} | cover | contain
初始值:auto auto
应用于:所有元素
继承性:无
百分比:见下文注解
计算值:根据指定
语法解释
1、length,percentage,根据给定长度值或者百分比来调整背景图片大小。auto为默认值,这三个值最小可重复一次,最大重复两次。对于这些值有以下解释:
第一个值为设置图片宽度,第二个值为图片的高度;但是不管是用什么值,都不能为负值
假如只给定一个值,那么第二个自动的为 auto;
假如指定为percentage百分比值,那么背景图大小是根据相对的背景区域来做调整,这个背景区域是由background-origin来来决定的。这在上面已经有提到过了关于图片原点的讨论。这里有必要提到 假如background-attachment:fixed,那么其背景相对区域就是初始包含块也就是视窗。
/*一个值:这个值指定图片的宽度,那么第二个值为auto*/
background-size:auto
background-size:50%
background-size:3em
background-size:12px
/*两个值:第一个值指定图片的宽度,第二个值指定图片的高度*/
background-size:50%auto
bac
如果觉得《php 调整背景图片尺寸 background-size背景图片尺寸属性》对你有帮助,请点赞、收藏,并留下你的观点哦!