需要你手動修改一下設計的分辨率尺寸，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的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。