dpr与initial-scale的关系

dpr与initial-scale的关系

老师在视频中指出缩放改变的是css像素对应的物理像素的个数,而根据dpr是由物理像素除以css像素得出,那么可以得出结论,缩放改变的是dpr。

而initial-scale改变的是页面的初始缩放比,由上述结论可知initial-scale改变的是dpr。

不知道上面的推论是否正确,老师可以解答一下吗?


第二个问题是dpr的计算。

dpr是由物理像素除以css像素。

http://img1.sycdn.imooc.com//climg/6108fc870977ce7915600723.jpg

上图中,页面宽度的css像素是1200px,而手机屏幕宽度的物理像素是375px,那么由此计算的dpr理应是0.3125。为何是2?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2021-08-03 17:25:14

同学你好,解答如下:

1、dpr是不会改变的。dpr是在没有缩放的情况下进行计算的,如果缩放了,不能计算dpr

2、iPhone6 的物理像素是750(水平方向上),设备独立像素375,也就是这里

http://img1.sycdn.imooc.com//climg/6109098a09fc2a2707810059.jpg

所以dpr是750/375=2 ,记住设备的dpr不会变。

通常说css像素也是375,是指在设置了viewport的情况下,也就是宽度等于设备宽的时候。而同学的截图中设置了1200,其实是缩放了,不能用缩放的去计算dpr。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师