关于放大缩小

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

z慌慌

2020-08-24 18:23:49

当initial-scale = 2时,原本需要375px描述的,现在只需要187px就了一描述了。
当initial-scale =  0.5时,原本需要375px描述的,现在则需要750px描述。

不是很明白放大和缩小的问题,放大时,width=187,而缩小时,width=750.

还有打开控制台后,iphone6/7/8旁边的 375*667,是指css像素还是物理像素啊?

写回答

1回答

好帮手慕码

2020-08-24

同学你好,解答如下:

1、initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。

那么initial-scale为2的时候,说明网页放大了,原本是375的宽度,放大之后375的宽度是放不下的,因此375/2 = 187;

那么initial-scale为0.5的时候,说明网页缩小了,原本是375的宽度,缩小之后375的宽度可以放更多内容,因此375/0.5 = 750;

2、375*667是手机的逻辑像素。

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程