簡體   English   中英

當在 em 中設置元素的 fontSize 時,getComputedStyle(elem,).getPropertyValue('font-size') 返回錯誤值

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM