一、视口
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代码,如果不满足时就会被注