移动端骨架

编写移动端的时候搭建骨架:

1、meta标签

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

2、禁止移动端默认事件

document.addEventListener("touchstart", (ev) => {
     ev = ev || event;
     ev.preventDefault();

 })

3、选择一个合适的适配方案

这里选用rem适配

;(() => {
var styleNode = document.createElement("style");
var w = document.documentElement.clientWidth / 16;
styleNode.innerHTML = "html {font-size:" + w + "px!important;}";
document.head.appendChild(styleNode);

})();