web知识零零散散的知道一些，但总感觉不够系统，遇到问题不知道如何解决，因此特此来系统的学习一下web前端的知识。从慕课网的web基础看起。下面学习http://www.imooc.com/learn/494。
1 web基础知识
1.1 pixel移动开发像素知识
- px:css pixels逻辑像素，浏览器使用的抽象单位
- dp,pt:device independent pixels设备无关像素
- dpr：devicePixelRatio设备像素缩放比
计算公式： 1px = (dpr)2*dp
为什么iphone5是320px*568px？-》
因为dpr=2,即 1px=4dp，对应到长度（纬度），边长为2的正方形，长度1px=2dp.那么iphone5d 640*1136对应到px单位就是：320*568
- DPI:打印机每英寸可以喷的墨汁点（印刷行业）
- PPI：屏幕每英寸的像素数量，即单位英寸内的像素密度
目前，在计算机显示设备参数描述上，二者表达的是一样的。
计算公式：ppi = √(11362+6402)/4=326ppi(视网膜Retina屏)。注意：单位为硬件像素，非px.
可视度越低，系统默认设置缩放比越大。
Retina屏（高清屏）：dpr都是大于等于2
