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

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

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

; background-position: 设置背景图像的位置; background-size: ...

; //设置元素的背景定位起点，默认值为left top background-size：auto; ...

在我们做项目过程中，可能会遇到一个问题，就是给个背景图的尺寸大小是一样的，可是屏幕大小却有很多种。 比如app前面的几个引导页，你收到的是固定大小尺寸的照片，怎么让这个屏幕可以跟背景图片相适应呢？ ...

先来看w3c的background-size的几个值： background-size:cover; 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 background-size:contain; 把图像图像扩展至最大尺寸 ...

　　满心欢喜地写代码，最后测试兼容性的时候发现Logo图片在IE8下特别大。明显是background-size在ie8一下不兼容。 　　 　　我懂得，IE8还是个孩子，我就加几句你独有的代码让你兼容吧，司空见惯了： 　　然后发现logo变得十分华丽（奥义·双重logo ...