移动web知识
Posted 鲜荣彬
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动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知识的主要内容，如果未能解决你的问题，请参考以下文章