物理像素和逻辑像素区别
无论安卓手机还是苹果手机都存在两种分别率，一种是物理分辨率（真实分辨率），一种是逻辑分辨率（显示屏分辨率），两者间由 Scale Factor（缩放因子） 计算得到，通常 物理分辨率 > 逻辑分辨率，而 物理分辨率 * 缩放因子 = 逻辑分辨率；但在使用 台式电脑、和 笔记本 的情况下 物理分辨率 = 逻辑分辨率。
其实，小程序的rpx单位就是（物理像素/逻辑像素） 1rpx = 325/750=0.5px
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>显示手机分辨率</title>
<script>
var width = window.screen.width;
var height = window.screen.height;
var dpr = window.devicePixelRatio;
document.write("物理分辨率-宽度：" + width + "<br/>");
document.write("物理分辨率-高度：" + height + "<br/><br/>");
document.write("逻辑分辨率-宽度：" + width * dpr + "<br/>");
document.write("逻辑分辨率-高度：" + height * dpr);
</script>
</head>
<body></body>
</html>
网友评论