JS动态计算fontSize值

作者: 卖菠萝的Leo丶 | 来源:发表于2018-05-10 09:09 被阅读0次

window.onload =function(){

/*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/

getRem(720,100)};

window.onresize =function(){ getRem(720,100)};

functiongetRem(pwidth,prem){

varhtml =document.getElementsByTagName("html")[0];

varoWidth =document.body.clientWidth ||document.documentElement.clientWidth; html.style.fontSize = oWidth/pwidth*prem +"px";

}

JS动态计算fontSize值
window.onload =function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写...
react碰到的问题
1、rem计算不准去首先要明白document.documentElement.style.fontSize这个值...
移动端布局
1. REM布局根据设计稿动态计算 html 的font-size 公式：fontSize = 100 * (c...
移动端适配方案：js实现动态改变根元素的字体大小
通过js动态获取屏幕的宽度（document.clientWidth）然后根据屏幕宽度动态计算出rem的实际值。 ...
Vue 学习笔记(二): 计算属性-computed
computed 与缓存 html 部分 js 部分实现效果动态修改 age 的值, 计算属性不会触发更改, ...
移动端1px边框问题
解决方案一使用rem为单位。使用js获取dpr值动态计算视口缩放，设置viewport content属性。 ...
Swift计算文本的高度、宽度
/// 计算文本的高度 staticfunctextHeight(text: String, fontSize...
两倍样式调节
//动态适配终端计算js functionautoResizeDev(){ varhtmlWidth=docume...
vue动态路由传值和get传值
1、动态路由传值2、get传值不同路由传值：动态路由 1、配置动态路由，main.js 2、在列表页NewsLi...
js-屏幕自适应rem
// 根据屏幕的宽度动态设置html标签的fontsize function setHTML() { // ...

网友评论

本文标题：JS动态计算fontSize值

本文链接：https://www.haomeiwen.com/subject/qhqvkftx.html

JS动态计算fontSize值