利用css中 background-size：cover 填充整个viewport 注意： 一张背景图像素5000px*5000px在pc端 缩放都基本满足要求 不会出现模糊失真； 但是在移动端使用如此大的图片完全是浪费资源，大图会导致加载变慢，尤其是在移动网络下。 在移动端可以另设一张相对小一点的 ...
分类：
Web程序 时间：
2016-09-26 16:27:01
阅读次数：
181
css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background ...
分类：
Web程序 时间：
2016-09-23 11:14:09
阅读次数：
144
[1]原理介绍 [2]代码实现 [3]代码优化 [4]拖拽冲突 [5]IE兼容 ...
分类：
编程语言 时间：
2016-09-22 21:11:05
阅读次数：
255
一、background-size 1.具体设定的px值，及北背景图片的具体宽高 2.设定的百分比，相对于容器的宽高 3.设定三个铺设类型： （1）cover： 以宽 / 高 为基本，尽可能的去铺满整个容器，溢出部分截掉 （2）contain：以宽 / 高 为基本，尽可能的去铺满整个容器，但要求不能 ...
分类：
Web程序 时间：
2016-09-08 23:11:27
阅读次数：
238
[-] 1 js 数组循环遍历 2 forEach 函数 3 让IE兼容forEach方法 4 如何跳出循环 [-] 1. js 数组循环遍历。 数组循环变量，最先想到的就是 for(var i=0;i<count;i++)这样的方式了。 除此之外，也可以使用较简便的forEach 方式 2. fo ...
分类：
其他好文 时间：
2016-09-08 17:58:46
阅读次数：
154
div{ background:#00ff00 url(img.jpg) no-repeat; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -o-backg ...
分类：
其他好文 时间：
2016-09-07 10:42:03
阅读次数：
115
前言：9月份开始了，大四也真正的到来了。深知自己网页布局还有很大的缺陷，接下来打算从工作中抽时间出来模仿着一些互联网公司的网站。顺便把基础理论知识打好。 第一个目标：小米官网；后续会把练习的项目放到github上。 平常自己写代码不是很规范，网页最基础的架构<html></html>一般用的就是DW ...
分类：
Web程序 时间：
2016-09-06 19:41:54
阅读次数：
147
if(window.addEventListener){ document.write('<script src="js/jquery-2.1.4.min.js"><\/script>');}else if(window.attachEvent){ document.write('<script s ...
分类：
Web程序 时间：
2016-09-06 16:55:24
阅读次数：
156
CSS background 属性 CSS background 属性 定义和用法 background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性： background-color background-position background-size background-re ...
分类：
Web程序 时间：
2016-09-02 18:43:46
阅读次数：
270
1. CSS3中background新属性 1.1 background-size：直接设置图片的大小。 1.1.1 可以使用数值直接设置宽高。 1.1.2 cover：缩放图片，铺满盒子，图片的宽高比不变，会使图片某一部分伸出盒子范围。 1.1.3 contain：缩放图片，不会铺满盒子，图片的宽 ...
分类：
Web程序 时间：
2016-08-30 22:35:58
阅读次数：
218
