先介绍文章用到的二个知识点 background-size 属性 语法 设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第 ...
分类：
Web程序 时间：
2017-03-26 16:12:29
阅读次数：
237
.vou-box-list li:after { content: ""; position: absolute; top: -20px; display: block; width: 10px; height: 100%; margin-top: 20px; background-size: 20... ...
分类：
其他好文 时间：
2017-03-23 20:47:26
阅读次数：
124
background-size的contain和cover是怎么用的，大家应该都明白。但是里面也有一些有趣的数学关系。基本概念上面就是我们对于 rimage (图片宽高比)、rviewport (容器宽高比) 的定义。将图片放进容器三种方法stretch : 把图片的宽高强行设置为容器的宽高注: h... ...
分类：
其他好文 时间：
2017-03-22 17:40:51
阅读次数：
170
根据caniuse（http://caniuse.com/#search=gradient），rgba兼容性为IE10以及以上浏览器。 实例代码： chrome浏览器效果： IE8浏览器效果（无渐变）： rgba兼容性处理： 设置filter属性目的是上一行的透明度不起作用的时候执行，filter: ...
分类：
其他好文 时间：
2017-03-21 12:46:11
阅读次数：
202
一、移动端布局 %+rem 布局用百分比（无刷新自适应） width、padding依据父元素的宽度计算；背景图background-size:100% 100%参照自身元素宽高勿混淆！ 百分比布局 http://www.codingserf.com/index.php/2014/08/respon ...
分类：
其他好文 时间：
2017-03-11 23:20:39
阅读次数：
183
只有图片可以设置宽度和高度，背景图片可以通过： background-size:宽度 高度; ...
分类：
其他好文 时间：
2017-03-11 13:06:39
阅读次数：
122
知识有所欠缺 疯狂脑补抄袭经验中、、、 兼容性处理要点1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !impo ...
分类：
Web程序 时间：
2017-03-09 13:17:53
阅读次数：
189
语法：background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain相关属性： background-clip | background-origin取值：<length>：由浮点数字和单位标识符组成的长度值。不可 ...
分类：
其他好文 时间：
2017-03-04 13:54:43
阅读次数：
185
今天的主题是Background-size,在开始介绍Backgrond-size之前，大家一起来回忆一下CSS2中Background中带有的一些属性: background我们可以把其属性值串写在一起，同时也可以一个一个分写出来，下面简简单重温一下各属性的取值情况： 一、设置背景色：backgr ...
分类：
Web程序 时间：
2017-02-15 15:02:33
阅读次数：
197
