物理像素和逻辑像素区别

物理像素和逻辑像素区别

无论安卓手机还是苹果手机都存在两种分别率,一种是物理分辨率(真实分辨率),一种是逻辑分辨率(显示屏分辨率),两者间由 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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容