手机屏幕分辨率:物理分辨率和逻辑分辨率

1、什么是物理分辨率和逻辑分辨

手机屏幕分辨率有两个术语:物理分辨率和逻辑分辨率。那么二者的区别是什么?这里我们做下简单说明。
正如俗话所说物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的。
物理分辨率是手机显示屏实际存在的分辨率,而逻辑分辨率是我们肉眼感知的实际尺寸。

这里列举了一些机型的物理和逻辑分辨率,可以参照对比下:
在这里插入图片描述

2、如何获取屏幕物理分辨率和逻辑分辨?

1)前端获取逻辑分辨率的方法

逻辑分辨率宽:window.screen.width
逻辑分辨率高:window.screen.height

2)前端获取物理分辨率的方法:

物理分辨率宽:逻辑分辨率宽 * 设备像素比 (window.screen.width * window.devicePixelRatio)
物理分辨率高:逻辑分辨率高 * 设备像素比 (window.screen.height * window.devicePixelRatio)

猜你喜欢

转载自blog.csdn.net/yihanzhi/article/details/86624411