当前位置: 首页 > Web前端 > HTML5

jquery在获取rem的值时,会丢失小数点后的px大小

时间:2023-04-05 00:18:04 HTML5

。c{宽度:1.345rem;}计算方式,精度损失来自于浏览器将rem转换为px的过程。元素.currentStyle?element.currentStyle:window.getComputedStyle(element,null)可以得到px小数点后的值。c{宽度:1.345rem;}

functiongetElementStyle(selector){varelement=document.querySelector(selector);返回元素.currentStyle?元素.currentStyle:window.getComputedStyle(元素,null);}functiongetElementStyleValue(selector,cssAttr,isRem){varfontSize=parseFloat(getElementStyle('html').fontSize),elementStyle=getElementStyle(选择器);value=parseFloat(elementStyle[cssAttr]),isRem!=false?isRem=true:'';如果(isRem){值=(值/字体大小).toFixed(4)+“rem”;}else{value=value.toFixed(4)+"px";}console.log(值);返回值;}varvalue1=getElementStyleValue('.c','width');varvalue2=getElementStyleValue('.c','width',false);控制台日志(值1,值2);