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

需要了解的基础知识：

创新互联是一家专注于成都做网站、网站建设与策划设计,鄂尔多斯网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:鄂尔多斯等地区。鄂尔多斯做网站价格咨询:028-86922220

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

设备独立像素：也称为密度无关像素，可以认为是计算机坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素(比如说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标签

本文标题：flexible.js实现移动端rem适配方案-创新互联
网站地址：http://6mz.cn/article/jhoho.html