请问 initial-scale=2 是等价于DPR=2吗?

请问 initial-scale=2 是等价于DPR=2吗?

    <!-- <meta name="viewport" content="initial-scale=2"> -->


设备width = 375px  是物理像素

原来图片200px 

initial-scale =1 是一个物理像素显示一个css像素   


initial-scale =2  是2*2物理像素 显示一个css像素 

所以 图片被放大了

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

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

1回答
好帮手慕然然 2021-06-08 17:16:55

同学你好,initial-scale=2(初始缩放比为2)在数值对应关系上与dpr = 2(设备像素比为2)是一样的,即都是1个css像素使用2x2个设备像素来绘制。以dpr为例,如图:

http://img1.sycdn.imooc.com//climg/60bf34a20938303505850248.jpg

但不能说二者是等价的,dpr是设备像素比,initial-scale是用于控制页面缩放,二者不是一个概念。

关于图片缩放:当初始缩放比由1变为2时,原来200px的图片还是200px,但是此时一个px像素需要2x2个设备像素来表示,而屏幕设备像素是固定的,所以图片在屏幕上显示看起来就像放大了,如图

http://img1.sycdn.imooc.com//climg/60bf3511093bf30103630279.jpg

http://img1.sycdn.imooc.com//climg/60bf35160977dda805040452.jpg

祝学习愉快!

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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