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

代碼：

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

總結(jié)

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

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