js px转rem，简单版，注意不能修改ui框架的px

需要你手动修改一下设计的分辨率尺寸，setRem函数会自动根据当前屏幕大小和设计分辨率大小的比例进行rem转换。

代码：

const baseSize = 50 // 设置 rem 函数 function setRem() {// 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。const scale = document.documentElement.clientWidth / 750// const scale = document.documentElement.clientWidth /1800// 设置页面根节点字体大小document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px' } // 初始化 setRem() // 改变窗口大小时重新设置 remwindow.onresize = function() {setRem() }

总结

以上是生活随笔为你收集整理的js px转rem，简单版，注意不能修改ui框架的px的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。