【从0到1掌握移动WEB开发】pixel像素基础

pixel像素基础

问题1
​

用代码还原该问题

查看效果：没有充满整个屏幕

仔细看图

原本640*1136缩小了一半，变成了320*568
​
像素知识

• px：css pixels逻辑像素，浏览器使用的抽象单位
• dp，pt：device indepen pixels设备无关像素
• dpr：devicePixelRatio设备像素缩放比
• 计算公式：1px=（dpr）的平方*dp​

问题二

因为dpr=2
​
补充小知识

• OPI：打印机每英寸可以喷的墨汁点
• PPI：屏幕每英寸的像素数量，即单位英寸内的像素密度

注意：单位为硬件像素，非px。

PPI越高，像素越高，图像越清晰。

但可视度越低，系统默认设置缩放比 越大。

默认缩放比

所谓的高清屏Retina：dpr都是大于等于2