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相关推荐

sojson JS 逆向一（简单版）
背景现在市面上很多web网页都是使用sojson加密的,所以,爬虫小伙伴对sojson的学习迫在眉睫 js 加密源码 var a={},b={}; (function(w, d) { w.info ...
旅行青蛙无限三叶草简单版：GG修改器
这种方式非常方便,但是有个弊端就是需要我们有ROOT权限思路:这个方式是用在已经root的手机上,用修改器通过搜索来确认关键数值的内存地址,然后将其修改,达到破解目的. 工具:GG修改器 / 需要R ...
Css单位px，rem，em，vw，vh的区别
Css单位px,rem,em,vw,vh的区别 px 像素 rem 根元素字体大小应用场景使用和修改 em 相对于父元素的大小 % 相对长度单位 vw.vh 相对于视口的单位视口 VW 相对于视 ...
我应该在CSS中使用px或rem值单位吗？
本文翻译自:Should I use px or rem value units in my CSS? I am designing a new website and I want it to be ...
react中px转rem（px2rem和px to rem rpx的使用）
.比如设计稿是750px,假设根元素字体大小设置为100px,则1rem = 100px;所以为了适应各种屏幕尺寸:一般设置根元素font-size 为屏幕宽度/UI设计图宽度 *100+'px', ...
html px转换rem,在线px转rem工具代码
px转rem ,部署到本地服务器即可运行. px转rem body{font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica;} ul{ list- ...
WPF - 简单的UI框架
实现了一个简单的WPF应用程序UI框架 ,分享出来.界面效果图如下: 运行效果如下: 打算持续更新,将左侧面板所有功能模块全给实现了. 喜欢的可以下载源码体验:https://github.com/D ...
简单版---JS获得某天是一年当中的第几天
简单版的就是不用那么繁琐的去用switch一个月一个月的把天数相加,这里运用的是JS对象的日期对象的方法. 大致的实现原理,就是用需要计算的那天减去当年的第一天,得出差值,进行相关的计算得到答案. & ...
html 写字版插件,JS+HTML5 Canvas实现简单的写字板功能示例
本文实例讲述了JS+HTML5 Canvas实现简单的写字板功能.分享给大家供大家参考,具体如下: 先来看运行效果: 具体代码如下: www.jb51.net JS写字板 body,html { pa ...

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

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

最新文章

热门文章