原文:background-size 详解

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

2019-06-18 11:59 0 570 推荐指数:

查看详情

background-size属性详解

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

Wed Dec 09 23:52:00 CST 2020 0 341
CSS background-size 属性详解

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

Sat Aug 12 20:01:00 CST 2017 0 18285
Background-Size

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

Tue Aug 28 18:48:00 CST 2012 0 9916
background属性简写background-size属性

前言: CSS3提供了很多丰富且实用的规范,得以让网页更加绚丽多彩。因为多了很多新的知识,我学得也没那么全面,经常就多敲了很多多余得代码。 比如CSS3提供了background-size属性,可以设置背景图片的尺寸。因为是新属性,也不知道能不能用background简写,每次我都分开 ...

Tue Dec 29 20:50:00 CST 2020 0 886
background-size IE8兼容方案

2017.7.5更新: 在处理IE8兼容性问题上,对于背景图片比背景框还大的情况,还需要做一下处理: 根据canius(http://caniuse.com/#search=background-size),background-size兼容性为IE9以及以上浏览器 ...

Tue Mar 21 00:54:00 CST 2017 0 10936
[HTML]background-size可以缩放大小

转自:http://www.igooda.cn/jsdt/20130827355.html background-size需要两个值,它的类型可以是像素(px)、百分比(%)或是auto,还可以是cover和contain。第一个值为背景图的width,另外一个值用于指定背景图上的height ...

Wed Sep 28 19:08:00 CST 2016 0 14365
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM