使用rem布局

在前端开发中，若是要对移动端的项目进行适配，能够了解一个插件，叫 hotcss.js，能够解决在不一样大小的屏幕上最优显示

另一种适配，也就是rem

与 em相同的是它们都是使用元素设定字体大小，不一样的是 em是根据父级元素设置大小。而 rem在根据指定 html根元素的字符大小而定的，从IE6到Chrome中，默认根元素的 font-size都是 16px的。若是想要设置 12px的字体大小也就是 12px/16px = 0.75rem。

• 因为px是相对固定单位，字号大写直接被定死，没法随着浏览器进行缩放。
• em和rem都是相对单位，em是相对于其父元素的font-size，页面层级越深，em换算越复杂，麻烦。
• rem直接相对于根元素html，避开层级关系，移动端新型浏览器对其支持较好。

使用

1，在header里设置meta

 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0"/>

2.在js中设置跟节点的大小

doument.doumentElement.style.fontSize = doument.doumentElement.clientWidth / 640 * 100 + 'px'

这样使用1rem.就能够随着屏幕大小的变化而变化了