原文:[HTML]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

Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度 ...

Tue Aug 28 18:48:00 CST 2012 0 9916
background-size 详解

backgroun-size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候,将图片按照某一边的比例扩大以填充整个div背景。 .优点:图片不会被拉升,且实用于div长度和宽度的比例合适时候 .缺点:图片会失真,且当宽度和高度比例过大时候,会出现图片显示不全 ...

Tue Jun 18 19:59:00 CST 2019 0 570
background-size设置背景图像的尺寸大小

background-size设置对象的背景图像的尺寸大小 <length>用长度值指定背景图像大小,不允许负值;=>background-size:X轴尺寸大小 Y轴尺寸大小 <percentage>用百分比指定背景图像大小,不允许负值 ...

Sat Oct 31 01:34:00 CST 2020 0 709
background-size (设置背景图片的大小

设置背景图片的大小,以长度值或百分比显示(数值包括 长度length和百分比percentage),还可以通过cover和contain来对图片进行伸缩。 语法:background-size: auto | <长度值> | <百分比> | cover ...

Fri Oct 21 05:22:00 CST 2016 0 10682
background-size属性详解

css background-size 属性详解,background-size 指定背景图像大小,以象素或百分比显示,当指定为百分比时,大小会由所在区域的宽度、高度以及 background-origin(图片的起始位置) 的位置决定,还可以通过 cover 和 contain 来对图片进行伸缩 ...

Wed Dec 09 23:52:00 CST 2020 0 341
背景图片等比缩放的写法background-size简写法

1、背景图片或图标也可像img一样给其宽高就能指定其缩放大小了。 比如一个实际宽高36*28的图标,要缩小一半引用进来的写法就是: background:rgba(0, 0, 0, 0) url("../images/report_icon@2x.png") no-repeat scroll ...

Wed Jun 29 19:34:00 CST 2016 0 6917
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM