视口的概念还是不太理解

来源:3-19 媒体查询-基础(2)

平地一声雷d

2020-02-22 14:59:58

我的理解,视口像是屏幕大小一样,可视范围的大小,不知道对不对。

另外,为什么960px宽大小的html,放到了365px宽的移动端中,html宽度还是960px?(之前视口视频1中讲的)。一个365px的屏幕,放着960px的html宽,我不太理解,麻烦详细讲解下。

写回答

1回答

好帮手慕粉

2020-02-22

同学你好,关于同学的问题回答如下:
1、在设置了width="device"或者initial-scale=1.0后,屏幕的宽就是视口的宽。

2、视频老师说的时候,还没有对视口进行设置,页面会先显示在一个980px的视口中,然后等比例缩放到365px里面,此时的视口还是980,视口宽并不等于屏幕宽,所以html的宽度就是980px。

同学如果实在理解不了,可以先放放,只要会使用就可以了,而且这个东西很少用到,因为我们后期都对其进行了设置:

http://img.mukewang.com/climg/5e50e6bf09e3a55507910096.jpg

让视口宽等于屏幕宽了,所以同学了解下即可 。

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

0

0 学习 · 6815 问题

查看课程