1.布局视口
注:页面在pc端正常显示,在移动端压缩进手机屏幕范围内显示
2.视觉视口
注:页面在pc端正常显示,在移动端只显示手机屏幕范围内可以看到的区域
3.理想视口(布局视口与设备宽度一样宽)
注:PC端与移动端都能正常显示
移动端视口标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />