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

来源:2-6 视口-viewport(2)

TheRoo

2021-06-08 16:32:36

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


设备width = 375px  是物理像素

原来图片200px 

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


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

所以 图片被放大了

写回答

1回答

好帮手慕然然

2021-06-08

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

http://img.mukewang.com/climg/60bf34a20938303505850248.jpg

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

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

http://img.mukewang.com/climg/60bf3511093bf30103630279.jpg

http://img.mukewang.com/climg/60bf35160977dda805040452.jpg

祝学习愉快!

0
共1条回复

0 学习 · 15276 问题

查看课程