什么是布局视口和视觉视口及理想视口

一、布局视口和视觉视口：

布局视口默认是980px,也就是说在不设置网页的视口的情况下，pc端的网页默认以布局视口为基准在移动端进行展示。

二、理想视口：

布局视口=视觉视口

即当前看到的视口即是布局视口，又是视觉视口

// 在移动端布局,在meta标签中将width设置为device-width,这样就将布局视口设置为理想的视口
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">