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');
这样设置的好处就是做所有元素都在中心的那种网页的时候，不管怎么缩放，都能保持比例。