任务02-02

一、设置viewport

1.width_device-width:设置宽度为屏幕宽度；

2.maximum-scale-1.0:增大缩放比例为1.0：0.25~10.0；

3.minimum-scale-1.0:缩小缩放比例为1.0：0.25~10.0；

4.user——scalable=no：禁止用户捏合操作；

5.initial-scale=1.0：初始化缩放比例。

 二、媒体查询

1.@media only screen and （条件）

2.<link href="x/x.css" media="only screen and(条件)">

三、认识em和rem

1.1em=最近的设置了字体大小的父级盒子的字体大小

2.1rem=html根标签字体的大小，一般会使用rem。

3.对于em来说如果本标签设置了字体的大小，标签内的样式的设定会根据本标签字体大小而改变，如果本标签没有设置，则会变成根据父级元素的大小而改变。

4.关于em元素嵌套问题：当元素嵌套了之后，会变成里面的比外面的要大。

5.rem的使用的时候：不会根据标签样式的改变而改变，而是会根据html默认的字体大小。

6.在使用rem的时候可以设置html的样式，一般会设置成百分制，使网页达到响应式的特点。

7.注意在浏览器中有默认的字体样式。

 四、vh和vw

1.视口单位(Viewport units),vw和vh相对于窗口的高度和宽度。