![](/img/trans.png)
[英]getPropertyValue('font-size') returns different value for firefox and chrome
[英]getComputedStyle(elem,).getPropertyValue('font-size') is returning wrong value when element's fontSize is set in em
我正在嘗試以他的方式獲取元素的字體大小: getComputedStyle(MyTargetElement, "").getPropertyValue('font-size')
不知何故這返回一個錯誤的值它返回16px
但預期是14px
,為什么?
<RootElement /> fontsze:14px
<GranParent /> fontsze:1rem
<Parent /> fontsze:1em
<MyTargetElement /> fontsze:1em
這里出了什么問題?
ReactJS 應用程序的 RootElement不是HTML 的實際根元素(它是<html>
元素本身,並且是rem
計算的基礎):您必須將您的應用程序安裝在某處,並且(再一次,幾乎總是)它甚至不是<body>
元素,而不是它的后代之一。
如果您沒有為<html>
顯式設置字體大小,則用戶代理最終會使用自己的樣式表,這就是您將16px
作為 1rem-1em-1em 鏈的計算值的方式。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.