本文共 442 字，大约阅读时间需要 1 分钟。

移动开发的相关概念

1. 物理像素
   物理像素是指设备的实际存在的像素，这里的物理像素无论是在什么设备上都不会改变，每个设备都有自己的物理像素，例如iPhone6的物理像素是750。
2. css像素
   css像素是浏览器解析移动端的时候真正解析的数据，浏览器解析iPhone6的时候css像素是375.
3. dpr 设备像素化
   （1）dpr（device pixel ratio）设备像素化=物理像素/css像素
   （2）例如iPhone6 750/375=2
4. 知道了它们的比例是2，那么在进行页面书写的时候，例如测量的容器高度是100px，那么在写代码的时候，不要写100px，要写100/2=50，写50px。
5. 视口的设置，为什么要设置视口，是因为移动端在解析的时候，真正的数据宽度和用户看到的宽度是不对等的，所以得告诉浏览器，解析的视口宽度得和浏览器的一样，那么就得通过meta标签设置。
   < meta name=“viewport” content=“width=deivce-width”/ >

转载地址：http://gpqzi.baihongyu.com/