移动端适配方案

　　移动端适配方案有很多，基本都是成型的解决方案；如下是常用的方案：

　　　　1 简单一点的页面，一般高度直接设置成固定值，宽度一般撑满整个屏幕

　　　　2 稍复杂一些的是利用百分比设置元素的大小来进行适配，或者利用flex等css去设置一些需要定制的宽度

　　　　3 再复杂一些的响应式页面，需要利用css3的media query属性来进行适配，大致思路是根据屏幕不同大小，来设置对应的css样式

 

　　但是随着rem的出现，rem开始成为移动端适配的利器；rem 是HTML页面根元素字体的大小；

　　现在大部分浏览器IE9+，Firefox、Chrome、Safari、Opera ，如果我们不修改相关的字体配置，都是默认显示font-size是16px即：

html {
    font-size:16px;
}

 

 

 

 

 

 

 

参考：(优质的文档能够准确，快速地理解掌握知识点；感谢以下文档)

　　[1] 移动web适配利器rem