【前端】移动端布局--Viewport视口

简单理解:

视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,宽度可能是980px或者1024px,目的是为了显示下整个为PC端设计的网页,这样带来的后果是移动端会出现横向滚动条,为了避免这种情况,移动端会将视口缩放到移动端窗口的大小。这样会让网页不容易观看,可以用 meta 标签,name=“viewport ” 来设置视口的大小,将视口的大小设置为和移动设备可视区一样的大小。

设置方法如下:


......

......

sublime快捷键:meta:vp +tab键

pc端与移动端渲染网页过程:

【前端】移动端布局--Viewport视口_第1张图片

你可能感兴趣的:(前端)