Vue项目使用rem布局方法

在 index.html 或者 main.js 中添加以下代码：

在使用vue-cli 开发 H5 项目时，需要进行 rem 适配，（以750 设计稿为例）

const setHtmlFontSize = () => { const htmlDom = document.getElementsByTagName('html')[0]; let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; if (htmlWidth >= 750) { htmlWidth = 750; } if (htmlWidth <= 320) { htmlWidth = 320; } htmlDom.style.fontSize = `${htmlWidth / 7.5}px`; }; window.onresize = setHtmlFontSize; setHtmlFontSize();

注： 这里设置的比例是 100px = 1rem，例如：元素宽度为 100px 时,可以直接写成 1rem