rem开发移动端

关于开发移动端有很多的方式，用的最多的单位是rem，rem单位是自适应单位，开发一套代码，可以适配不同的手机端，但是往往rem针对新手用的不熟悉，也不知道怎么用，今天就介绍一种简单的方式；

前提开发环境是在Visual Studio Code上。

!function(e,t){function n(){t.body?t.body.style.fontSize=12*o+"px":t.addEventListener("DOMContentLoaded",n)}function d(){var e=i.clientWidth/10;i.style.fontSize=e+"px"}var i=t.documentElement,o=e.devicePixelRatio||1;if(n(),d(),e.addEventListener("resize",d),e.addEventListener("pageshow",function(e){e.persisted&&d()}),o>=2){var a=t.createElement("body"),s=t.createElement("div");s.style.border=".5px solid transparent",a.appendChild(s),i.appendChild(a),1===s.offsetHeight&&i.classList.add("hairlines"),i.removeChild(a)}}(window,document);

这段代码引入到公共js中，不需要设置html的字体大小，再把头部meta的viewport标签删掉，在开发工具里面下载一个cssrem的插件就可以了。