px移动端适配

一些概念
在进行具体的分析之前,首先得知道下面这些关键性基本概念(术语)。

物理像素(physical pixel)
一个物理像素是显示器(手机屏幕)上最小的物理显示单元,在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。

设备独立像素(density-independent pixel)
设备独立像素(也叫密度无关像素),可以认为是计算机坐标系统中得一个点,这个点代表一个可以由程序使用的虚拟像素(比如: css像素),然后由相关系统转换为物理像素。

所以说,物理像素和设备独立像素之间存在着一定的对应关系,这就是接下来要说的设备像素比。

设备像素比(device pixel ratio )
设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系,它的值可以按如下的公式的得到:

dpr= pp / dip // 在某一方向上,x方向或者y方向

在使用flexible.js兼容移动端时,因为Android的dpr是不一样的,所以给定的dpr无法满足一些机型的适配要求(小米和vivo是比较严重),所以用以下方法处理

(function(){
var width = 750,
pw = parseInt(window.screen.width),
scale = pw / width,
ua = navigator.userAgent;
if(/Android (\d+.\d+)/.test(ua)){
var version = parseFloat(RegExp.$1);
if(version > 2.3){
document.write(’’);
}else{
document.write(’’);
}
}else{
document.write(’’);
}
//兼容640的设计比例
if (navigator.appVersion.indexOf(‘Android’) != -1) {
document.addEventListener(“DOMContentLoaded”,
function(e) {

    });
  };
})();

Guess you like

Origin blog.csdn.net/fankse/article/details/114579481