将rem转换为px而无需重排

Question

我在rem中有一些常量，但rem本身不是常数（取决于媒体查询和vmin）。对于某些人来说，我需要px中的这个值。

当然，我可以创建一个临时div，将其大小设置为rem和getComputedStyle中的该值，以获得px中的值。但是我想通过读取计算样式而不引起重排来做到这一点。

Answer 1

rem单位等于根元素上'font-size'的计算值。 （https://www.w3.org/TR/2013/CR-css3-values-20130730/#font-relative-lengths）

你可以通过1 rem =

轻松搞定

parseInt(getComputedStyle(document.documentElement).fontSize))

Answer 2

根据定义，rem是

Equal to the computed value of font-size on the root element.
When specified on the font-size property of the root element,
the rem units refer to the property’s initial value.

所以你应该能够通过以下方式获得它的大小：

window.getComputedStyle(document.documentElement)['font-size']