一、背景图片的拉伸:backgroud-size说明： http://www.w3school.com.cn/cssref/pr_background-size.asp效果： http://www.w3school.com.cn/tiy/c.asp?f=css_background-size&p=7...
分类：
Web程序 时间：
2015-05-31 12:19:27
阅读次数：
118
.index{ position: absolute; top:0; bottom:0; left:0; right:0; background:url(../images/cover-default-4_6743235.png) center no-repeat; background-size:...
分类：
Web程序 时间：
2015-05-30 12:10:55
阅读次数：
142
公司项目中需要submit时候出现一个旋转的loading图像，考虑使用gif，设定背景是记得用background-size调整大校在GoSquared网站上查到他们使用的方式：做9个(2px)×(6px)的白色白条，然后旋转白条，间隔40°。对每个白条设置不同透明度，然后修改他们的透明度，从1渐至0，再跳至..
分类：
其他好文 时间：
2015-05-27 01:07:19
阅读次数：
146
最近践行 移动端实例，第一遇到的问题就是这个。如何找到自己需要的图片位置。另外我看到说 CSS sprites 比 DataURL 要快很多，不过我看的是13年的一个分析，这好多年过去，不知道最新的如何。我其实还不知道写图片元素的话 是用 img标签呢 还是用 background 呢？以下是查阅到...
分类：
移动开发 时间：
2015-05-18 10:44:28
阅读次数：
186
1、background 描述 CSS2中，background属性：可合写、可拆分写background: [][,][,][,][,] ==》background-color：red(颜色名)、#FF0000(二进制)、rgb(255, 0, 0)、rgb(100%, 0%, 0%)、hsl.....
分类：
Web程序 时间：
2015-05-12 15:21:39
阅读次数：
340
方法一. 把图片作为background有几个CSS的属性要提一下：background-size：cover，这个CSS3的属性作用是把背景图像扩展至足够大，以使背景图像完全覆盖背景区域，背景图像的某些部分也许无法显示在背景定位区域中，如果不使用这个属性，在IE11和FireFox中缩放浏览器，背...
分类：
其他好文 时间：
2015-05-06 12:28:47
阅读次数：
410
总结，在开发时最好基于320宽进行开发，图片基于640做，在放置图片时可以用background-size或zoom缩放一倍，图片在高清晰屏上就不会模糊。在加载页面时通过读取设备的width去计算dpi然后动态生成meta标记，可以很好解决手机的分辨率适配问题。但是在android pad端上不适用...
分类：
移动开发 时间：
2015-04-28 17:32:56
阅读次数：
163
1发现差别使用过多了DIV。有许多没必要的重复代码。有许多高度（height）没必要设置大少。自适应使用的方法。切图切的不好，PS的使用有待加强。下载按钮不同。没有完成动画效果。2.学到要灵活使用背景定位：background-position。背景大小：background-size。 Conta...
分类：
其他好文 时间：
2015-04-23 19:29:19
阅读次数：
293
一.语法：background-size： [ , ]* = [ | | auto ]{1,2} | cover | contain默认值：auto取值：：用长度值指定背景图像大小。不允许负值。：用百分比指定背景图像大小。不允许负值。auto：背景图像的真实大小。cover：将背景图像等比缩放...
分类：
其他好文 时间：
2015-04-08 14:52:20
阅读次数：
126
1、background-size可取值：auto（背景图片正常显示） size size （150px 40%） cover （背景图片覆盖整个背景） contain（背景图片缩小填满整个背景）实例： /*这段代码是当不支持CSS3 Media Queries浏览器按back...
分类：
Web程序 时间：
2015-03-31 12:15:27
阅读次数：
131
