覆蓋組件中的rem

Question

我寫了一個呈現HTML的網站組件，並使用CSS對HTML進行了樣式設置。到現在爲止還挺好。現在，我們有以下限制：

• 網站設置爲14pxbody一個font-size（這不是我的控制之下）。
• 該組件的CSS使用rem爲font-size（這也不在我的控制之下）。

現在的問題是，組件呈現太小，因爲它假定有的16pxbody一個font-size。是的，我當然知道，問題是爲什麼rem然後使用，但說，這是我無法控制的

現在我的問題：假設我想要的組件使用font-size的16px基地，並假設我需要堅持rem，並假設我需要堅持14px爲body - 解決這個混亂的最簡單方法是什麼？

Answer 1

您可以嘗試在html上設置字體大小，因爲rem是相對於它的。

html { 
    font-size: 16px; 
} 

或

:root { 
    font-size: 16px; 
} 

MDN