关于vue.js:Vue项目自适应页面配置

39次阅读

共计 346 个字符，预计需要花费 1 分钟才能阅读完成。

开发我的项目须要自适应页面
咱们能够在根目录创立 utils 文件夹，在文件夹创立 rem.js 文件

// 设置 rem 函数
(function () {function setRem () {
    // 1920 默认大小 16px; 每个元素 px 根底上 /16
        const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
        document.documentElement.style.fontSize = htmlWidth * 16 / 1920 + 'px'
    }
    // 初始化
    setRem()
    window.addEventListener('resize', setRem, false)
})()

而后引入到 main.js