js px转rem,简单版,注意不能修改ui框架的px
生活随笔
收集整理的這篇文章主要介紹了
js px转rem,简单版,注意不能修改ui框架的px
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
需要你手動(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)題。
- 上一篇: 攻防世界misc新手之give_you_
- 下一篇: java阿里云文本反垃圾sdk调用详解