设置viewport
介绍其6个属性：
1、inital-scale [ɪˈnɪʃəl]-[skel] 初始比例：页面初始的缩放值
2、minimum-scale 允许用户的最小缩放值
3、maximum允许用户最大的缩放值
4、user-scalable 是否允许用户进行缩放 no/yes
5、width ：viewport宽度
6、height：viewport高度 并用不到～
<meta name="viewport" content="width=device-width,initial-scale=1">
之后我又去浏览了一些关于移动端字体与距离适配问题
建议：字体设置用em，距离设置用rem
em ：[根据父元素]
先设置html{font-size=62.5%}=》10/16，这样em继承的就是继承父级元素的字体大小，这样的话，1em=10px，12px=12.em
注意：ie在处理汉字时，对于浮点的取值精确度有限。在body下62.5%出来的12px字体比直接定义的要大一点，只要将62.5%转成63%
rem：[根据根元素html]
