bootstrap视口

什么是视口

视口：viewport

指网页中看到的部分

视口的作用

在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示

视口设置

目前大多是手机浏览器的视口宽度都是980

视口宽度可以通过mate标签设置

此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并且不缩放

<meta
      name="viewport"
      content="width=device-width, 
      initial-scale=0.5, 
      user-scalable=yes, 
      maximum-scale=2.0"
    />

width：视口的宽度

initial-scale：初始化缩放

user-scalable：是否允许用户自行缩放

minimum-scale：最小缩放

maximum-scale：最大缩放

（一般设置了用户不允许缩放，就没必要设置最小缩放和最大缩放）