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

前端理论知识|移动WEB

移动WEB viewport 相关知识

移动WEB viewport 相关知识

移动web知识

开发移动端web的一些知识

移动web中的流式布局和viewport知识介绍