vue项目适配各个屏幕-px转rem
2021-08-25 本文已影响0人
小鱼儿_逆流而上
小鱼儿心语: 好好赚钱吧,没有钱,拿什么呵护你的亲情,支撑你的爱情,联络你的友情?靠嘴么?别闹了,大家都挺忙的!
vue项目中index.html
页面
- 100px = 1rem
- vue 各个组件中直接用即可
<script>
fnResize();
window.onresize = function () {
fnResize();
}
function fnResize() {
let designSize = 1920;
let html = document.documentElement;
let wW = html.clientWidth;
let rem = wW * 100 / designSize;
document.documentElement.style.fontSize = rem + 'px';
}
</script>