1、前言：

读完本文你会学到什么：

• dp(device pixels)
• px(css pixels)
• pt(point)
• ppi(pixels per inch)
• dpi(dots per inch)
• dpr(device pixels ratio)
• dip(device independent pixel)

读本文你需要掌握哪些基本知识：

• 1in(英寸) == 2.5399999961392cm
• 常常用1英寸等于2.54厘米
• 1m == 3尺
• 1尺 == 10寸
• 1寸 == 3.33333333cm
• iphone6屏幕4.7寸是指屏幕对角长度为4.7英寸
• iphone6的高宽比为 iphone6_height : iphone6_width = 16 : 9

前言

老板：“上次锅落我这了，务必接好” 我：“好的，老板” - - -程序人生

区别：

setTimeout(fn,t)：

延迟调用，超过了时间就调用回调函数，返回一个id，使用clearTimeout(id)取消执行。
注意：取消了里面的回调函数就不执行了哦，而不是取消的时候就立即执行，下面有源码可以自己cv试一下。

setInterval(fn,t)：

循环调用，有周期性的调用回调函数，返回一个id，使用clearInterval(id)取消执行。

都知道bootstrap响应式布局很酷，但是是怎么实现的呢？其官网首页有提到这一切的功劳都是来自于CSS 媒体查询（Media Query）。

使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。
@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。
当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。