逻辑像素和CSS像素真的是一个概念吗

来源:3-2 通用适配实现

慕莱坞1035141

2020-03-01 13:30:09

我目前的理解是dpr=物理像素数/逻辑像素数,也就是用平均dpr个物理像素来表现一个逻辑像素,dpr固定,那么可以用逻辑像素来替代本来的物理像素。


缩放(比如缩小)的意思是本来1个css像素需要4个逻辑像素来表现,缩小一倍后,1个css像素只需要2个逻辑像素来表现。


viewWidth指的是视口以css像素为单位的宽(逻辑像素宽是根据设备的dpr固定的),缩放比为1的时候,1个css像素=1个逻辑像素,缩小一倍后,2个css像素=1个逻辑像素,而设备的逻辑像素是固定的,所以viewWidth扩大一倍


我这样理解对吗(无法理解css像素等同于逻辑像素时,该如何解释viewWidth扩大一倍的问题)


写回答

1回答

慕侠97781

2020-03-01

物理像素,也叫做屏幕分辨率,这个是出厂就设置好的。750px就是iphone6的物理像素(手机的屏幕分辨率)。

设备独立像素,也叫做逻辑像素。对于前端来说,可以叫做css逻辑像素。例如一个div宽度为200px,这就是逻辑像素。

你用的时候直接粘贴老师写好的就行

0

0 学习 · 6815 问题

查看课程