Estoy usando rem s para mis tamaños de CSS y también estoy usando getBoundingClientRect en javascript. getBoundingClientRect devuelve sus valores en px de forma predeterminada. ¿Es posible hacer que devuelva los valores en rem s? Haría mi código un poco más simple.
Tendrá que convertirlo dividiendo los píxeles por el tamaño de fuente calculado del documento:
function convertPixelsToRem(px) { return px / parseFloat(getComputedStyle(document.documentElement).fontSize.replace('px', '')); } console.log(convertPixelsToRem(div.getBoundingClientRect().width)) #div{ width:100px; height:100px; background-color:grey; margin-bottom:10px; } #div2{ width:6.25rem; height:100px; background-color:grey; } <div id="div"></div> <div id="div2"></div>