移动适配方案

1）百分比布局

          因为不同属性百分比的值，相对的可能是不同的参照物，所以百分比往很难统一。

2）视口 + ( rem + 动态HTML的 font-size )

动态计算 HTML font-zise：

            A.用媒体查询来修改HTML font-size( 缺点不能实时改变font-size的大小 )

            B.自己编写JS来实现修改HTML font-size的大小(可以实时修改字体大小)

   	       C.是引用lib-flexiable库来实现（原理是JS动态改HTML font-size大小）

px 转成rem：

A.手动计算 rem
B.Less的映射来计算
C.postcss-pxtorem插件来实现（webpack阶段会学到）
D.cssrem VSCode插件来实现

3）视口 + vw

px转成rem

A.手动计算vw
B.Less的映射来计算
C.Postcss-px-to-viewport的插件(Wepack 阶段学)
D.ccsrem VSCode插件

4）flex弹性布局

flex container 属性

flex item 属性