dpr与initial-scale的关系
来源:2-2 CSS像素
江舟
2021-08-03 16:23:09
老师在视频中指出缩放改变的是css像素对应的物理像素的个数,而根据dpr是由物理像素除以css像素得出,那么可以得出结论,缩放改变的是dpr。
而initial-scale改变的是页面的初始缩放比,由上述结论可知initial-scale改变的是dpr。
不知道上面的推论是否正确,老师可以解答一下吗?
第二个问题是dpr的计算。
dpr是由物理像素除以css像素。
上图中,页面宽度的css像素是1200px,而手机屏幕宽度的物理像素是375px,那么由此计算的dpr理应是0.3125。为何是2?
1回答
好帮手慕星星
2021-08-03
同学你好,解答如下:
1、dpr是不会改变的。dpr是在没有缩放的情况下进行计算的,如果缩放了,不能计算dpr
2、iPhone6 的物理像素是750(水平方向上),设备独立像素375,也就是这里
所以dpr是750/375=2 ,记住设备的dpr不会变。
通常说css像素也是375,是指在设置了viewport的情况下,也就是宽度等于设备宽的时候。而同学的截图中设置了1200,其实是缩放了,不能用缩放的去计算dpr。
祝学习愉快!
相似问题