尺寸适配的使用

一   百分比实现宽度自适应但高度不变

二    rem 相对于html标签的字号

使用媒体查询设置差异化css（html标签字号等于视口宽度的十分之一）

①可以采用引入js/flexibel 配置所有型号

@media（媒体特性：width：320px）{

选择器 html{

css属性 font-size：32px；

        }

}

②使用less语法进行换算px与rem

less语法定义变量  @变量名：值  css中使用 类名：@变量名 

三 vw vh 相对视口尺寸（1vw等于视口尺寸的100分之一）