Bootstrap学习（一）

一、视口

1、视口的作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面，将页面容器缩放到设备那么大，然后展示

<meta name="viewport" content="width=device-width,initial-scale=1">

2、视口的宽度可以通过meta标签设置，此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并缩放（缩放级别为1）

3、属性：

     width：视口的宽度

     initial-scale：初始化缩放

     user-scalable：是否允许用户自行缩放（值：yes/no；1/0）

     minimum-scale：最小缩放，一般设置了用户不允许缩放就没必要设置该属性

     maximum-scale：最大缩放，一般设置了用户不允许缩放就没必要设置该属性

通常我们的viewport设置如下：

<meta name="viewport" content="width=device-width, initial-scale=1,user_scalable=no">

二、条件注释

条件注释的作用是当判断条件满足时，就会执行html代码，如果不满足时就会被注释并忽略掉

<!--条件注释:当判断条件满足时，就会执行html代码，不满足时就会被注释-->
    <!--[if lt IE 9]>
      <script src="https://cdn.js