移动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知识的主要内容,如果未能解决你的问题,请参考以下文章