逻辑像素和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,这就是逻辑像素。
你用的时候直接粘贴老师写好的就行
相似问题