手机端web学习基础--from慕课网

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)²*dp

为什么iphone5是320px*568px？-》

因为dpr=2,即 1px=4dp，对应到长度（纬度），边长为2的正方形，长度1px=2dp.那么iphone5d 640*1136对应到px单位就是：320*568

• DPI:打印机每英寸可以喷的墨汁点（印刷行业）
• PPI：屏幕每英寸的像素数量，即单位英寸内的像素密度

目前，在计算机显示设备参数描述上，二者表达的是一样的。

计算公式：ppi = √(1136²+640²)/4=326ppi(视网膜Retina屏)。注意：单位为硬件像素，非px.

可视度越低，系统默认设置缩放比越大。

Retina屏（高清屏）：dpr都是大于等于2