Vue项目里rem的使用

先在src下的libs文件夹下新建一个js文件,取名为rem.js,封装一个换算方法:

// 此处的16跟上面的16对应,同样是倍数
const baseSize = 16
// 设置根节点的font-size大小函数
function setRem () {
   
    // 375为设计稿页面宽度,如为750,把375改为750
    const scale = document.documentElement.clientWidth / 1920
    // 设置页面根节点字体

你可能感兴趣的:(vue2,JS实战记录,vue.js,javascript,前端,vue)