一、移动端布局 %+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
语法：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
length 设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 percentage 以父元素的百分比来设置背景图像的宽度和高度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 c ...
分类：
Web程序 时间：
2017-02-15 13:43:02
阅读次数：
159
本文提供了响应式下的雪碧图定位方法，适应四种场景，分别为传统布局、响应式布局及组成雪碧图的子图尺寸相同、尺寸不同的排列组合。本文覆盖了雪碧图的多种场景，对background-position、background-size的组合使用进行了分析和推导，并且提供了推导过程及实例，使得定位的应用变得清晰... ...
分类：
其他好文 时间：
2017-01-23 22:50:32
阅读次数：
527
使用了兼容ie8的background-size htc,如果是display:block的元素,它的背景显示是没问题的,但是如果这个元素display:none,则背景不显示,或者,这个元素是个伪元素,也不显示,迫于赶工期,不使用背景了,直接增加一个图片元素,一切都ok了 ...
分类：
Web程序 时间：
2017-01-20 11:12:13
阅读次数：
655
2016-03-10 01:40 by 空智, 7463 阅读, 8 评论, 收藏, 编辑 理解CSS3中的background－size(对响应性图片等比例缩放) 阅读目录 background-size的基本属性 给图片设置固定的宽度和高度的 固定宽度400px和高度200px－使用backgr ...
分类：
Web程序 时间：
2017-01-15 21:41:58
阅读次数：
288
html如下: <div style="width:400px;height:300px;background:url(yuandan.jpg) no-repeatcenter;background-size:300px 200px;"> <canvas id="canvas" style="bor ...
分类：
其他好文 时间：
2017-01-05 23:55:26
阅读次数：
363
