Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度 ...
转自:http: www.igooda.cn jsdt .html background size需要两个值,它的类型可以是像素 px 百分比 或是auto,还可以是cover和contain。第一个值为背景图的width,另外一个值用于指定背景图上的height,如果只设定 个值,则第 个默认为auto,但当值为cover和contain时除外。cover:保持图像的宽高比例,将图片缩放到正好完 ...
2016-09-28 11:08 0 14365 推荐指数:
Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度 ...
backgroun-size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候,将图片按照某一边的比例扩大以填充整个div背景。 .优点:图片不会被拉升,且实用于div长度和宽度的比例合适时候 .缺点:图片会失真,且当宽度和高度比例过大时候,会出现图片显示不全 ...
background-size设置对象的背景图像的尺寸大小 <length>用长度值指定背景图像大小,不允许负值;=>background-size:X轴尺寸大小 Y轴尺寸大小 <percentage>用百分比指定背景图像大小,不允许负值 ...
设置背景图片的大小,以长度值或百分比显示(数值包括 长度length和百分比percentage),还可以通过cover和contain来对图片进行伸缩。 语法:background-size: auto | <长度值> | <百分比> | cover ...
css background-size 属性详解,background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin(图片的起始位置) 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩 ...
; background-position: 设置背景图像的位置; background-size: ...
伪元素的content支持直接设置图片,但此时伪元素的width和height无法控制图片大小。 虽然设置了object-fit: fill 让图片“填充”整个容器。但也不能设置图片尺寸。 解决方法: 在伪元素的background中设置图片,设置background-size:cover ...
1、背景图片或图标也可像img一样给其宽高就能指定其缩放大小了。 比如一个实际宽高36*28的图标,要缩小一半引用进来的写法就是: background:rgba(0, 0, 0, 0) url("../images/report_icon@2x.png") no-repeat scroll ...