开发我的项目须要自适应页面
咱们能够在根目录创立 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
import '@/utils/rem'