vue-H5 移动端适配方案 rem

在这里插入代码片

(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt =
“onorientationchange” in window ? “onorientationchange” : “resize”,
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= 750) {
docEl.style.fontSize = “100px”;
} else {
docEl.style.fontSize = 100 * (clientWidth / 750) + “px”;
}
$("#wrapper").css({
display: “block”,
});
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener(“DOMContentLoaded”, recalc, false);
})(document, window);

特殊说明vscode 中有pxtorem 插件 跟字体设置50px ，因为iphone678 的时候跟字体大小为50px ，而且输入设计稿的px 会自动计算rem 的值 。
那么你想问这代码放哪里呢， 放在vue 项目中public 下 index.html 文件 页面底部写 script 标签丢进去 没有效果请私信我~~~~