分辨率可以如上图理解:手机屏幕由一个个红绿蓝三原色的小正方形组成,通过明暗对比形成图像
那么1792x828的分辨率可以理解为:纵向1792个像素点(小正方形),横向828个像素点(小正方形),因此分辨率越高,图像越细腻越清晰
像素中又分物理像素和CSS像素:
物理像素点与css像素的px是不同的,并不是1px=1物理像素点
如图:手机A的分辨率是4x2,手机B的分辨率是8x4,如果我们css里面写了1px,在手机A是1个物理像素点,手机B就是4个物理像素点,这样才能做到1px在不同分辨率的手机,进行相同大小的展示(实际中是由手机系统自动去算1px等于多少个像素点的)
而要理解标清屏与高清屏,我们这里必须先了解一下设备像素比:dpr
dpr=(一个方向上)设备像素/物理像素(没有缩放时)