需要你手動修改一下設(shè)計的分辨率尺寸，setRem函數(shù)會自動根據(jù)當前屏幕大小和設(shè)計分辨率大小的比例進行rem轉(zhuǎn)換。

代碼：

const baseSize = 50 // 設(shè)置 rem 函數(shù) function setRem() {// 當前頁面寬度相對于 750 寬的縮放比例，可根據(jù)自己需要修改。const scale = document.documentElement.clientWidth / 750// const scale = document.documentElement.clientWidth /1800// 設(shè)置頁面根節(jié)點字體大小document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px' } // 初始化 setRem() // 改變窗口大小時重新設(shè)置 remwindow.onresize = function() {setRem() }

總結(jié)

以上是生活随笔為你收集整理的js px转rem，简单版，注意不能修改ui框架的px的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。