要使一张图片不论在移动端还是在桌面端都能适应区域内容，可以使用 HTML5 的 viewport 标签结合 CSS3 的 background-size 属性。适应区域内容是指图片的宽或高的长度满足浏览区的内容区域。HTML5 的 viewport 标签中的content="width=device...
分类：
Web程序 时间：
2014-11-04 16:54:46
阅读次数：
247
简介CSS3 新增的 background-size 是一个很有用的属性，用于定义背景图片的尺寸，有了这个属性，你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了，该值能让背景图片缩放至填满整个容器，即使是图片面积小于容器面积。由于 background-size 是 CSS3 ...
分类：
Web程序 时间：
2014-10-24 10:40:35
阅读次数：
150
background-size的值类型：1个或2个值，这些值既可以是像素px，也可以是百分比%或auto，还可以是特定值cover, contain。
background-size可以设置2个值，1个为必填，1个为可选。
其中第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只给background-size设置1个值，则第2个值默认为auto高度自动...
分类：
Web程序 时间：
2014-09-24 19:13:17
阅读次数：
274
定义元素背景设置background-size属性cover自适应填充背景，background-size: 100% 100%;background-size: 左右比例 上下比例；再介绍几个特殊属性：background-clip ：background-origin ：backgrou...
分类：
Web程序 时间：
2014-08-20 16:00:12
阅读次数：
213
如果问是什么让所有男人都生活中恐惧中，回答是不确定。没有人表露，但好奇会害死猫。十个女人中会有九个同意这点。广告商想尽办法让我们觉得不足够，但会告诉我们还可以改进。没错，先生们….size很重要。我说的是background-size。CSS里的background-size属性能够让程序员决定如何...
分类：
Web程序 时间：
2014-05-09 23:41:18
阅读次数：
437
