flexible.js实现移动端rem适配方案-创新互联

需要了解的基础知识：

物理像素：物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果。

设备独立像素：也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说CSS像素)，然后由相关系统转换为物理像素。

设备像素比：简称为dpr，其定义了物理像素和设备独立像素的对应关系。它的值可以按此公式计算得到：设备像素比 ＝ 物理像素 / 设备独立像素 （安卓一般为：1；iPhone为2或者3）

visual viewport：可见视口，即屏幕宽度；

layout viewport：布局视口，即DOM宽度；

idea viewport：理想适口，使布局视口就是可见视口；

设备宽度（visual viewport）与DOM宽度（layout viewport），scale的关系是：（visual viewport）= （layout viewport）* scale

获取屏幕宽度的尺寸：window. innerWidth/Height

获取DOM宽度的尺寸：document. documentElement. clientWidth/Height

viewport的meta标签