移动web知识

1、像素知识

　　px: css pixels，逻辑像素，浏览器使用的抽象单位

　　dp,pt:device independent pixels ，设备无关像素

　　dpr:devicePixelRatio 设备像素缩放比

　　计算公司：1px=(dpr)*dpr*dp

2、Viewport

　　手机浏览器默认为我们做了两件事。

　　　　一：页面渲染在一个980px(iso)的Viewport。

　　　　二：缩放

　　是有 visual Viewport 与 layout viewport.

　　最佳meta设置如下：

　　<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

　　window.innerWidth/document.body.clientWidth=缩放比

　　【布局Viewport】=【设备宽度】=【度量Viewport】

移动web知识

原文：http://www.cnblogs.com/xianrongbin/p/6166344.html