欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > vue2项目中如何把rem设置为固定的100px

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

2025/9/22 2:57:13 来源:https://blog.csdn.net/weixin_53416771/article/details/144541752  浏览:    关键词:vue2项目中如何把rem设置为固定的100px

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

在项目的入口文件 main.js 中添加以下代码,用于动态设置 htmlfont-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');

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词