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