vue2项目中如何把rem设置为固定的100px

在 Vue 2 项目中，可以通过动态设置 html 元素的 font-size 来将 1rem 固定为 100px。以下是具体步骤：

在项目的入口文件 main.js 中添加以下代码，用于动态设置 html 的 font-size：

// main.js
function setHtmlFontSize() {const html = document.documentElement;html.style.fontSize = '100px';
}// 初始化设置
setHtmlFontSize();// 监听窗口变化，如果需要动态调整，可以启用以下代码
// window.addEventListener('resize', setHtmlFontSize);import Vue from 'vue';
import App from './App.vue';Vue.config.productionTip = false;new Vue({render: h => h(App),
}).$mount('#app');

这样设置的好处就是做所有元素都在中心的那种网页的时候，不管怎么缩放，都能保持比例。