这里老师讲的没问题吗?
设备像素比为2,1个css像素要两个物理像素渲染 ,不矛盾吗?手机屏幕大小不变 缩放比为1
的前提,像素比为2的两个物理像素等于像素比为1的一个物理像素大小,1px的边框应该没变化呀?
怎么这里讲的不一样,被搞迷糊了
突然冒出个1px边框,马上就要解决,解决的是什么呀,没搞清楚
20
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕然然
2021-08-02 12:04:26
同学你好,设备像素比为1时(dpr=1),在横向或纵向上,2个css像素对应2个物理像素,如图

设备像素比为2时(dpr=2),在横向或纵向上,2个css像素对应4个物理像素,如图

所以,设备像素比为2,1个css像素要两个物理像素渲染 ,不矛盾。
当设备像素比发生变化时,1个css像素对应的物理像素会发生变化,也就是当设备像素比为2时,1px的高度需要两个物理像素渲染,在设备相同的情况下,两个物理像素看起来肯定要比一个物理像素要高一些,所以看起来是有变化的,如图

所以,这节课要解决的就是在不同的设备像素比之下,让1px高度看起来是不跟随变化的。
老师讲的没问题,同学再仔细看一看这节课,再理解一下。
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星