復位字體大小：0不與「時間」單元

Question

工作，我有一個父元素設置font-size爲0（零）及其孩子是恢復值

.parent { 
    font-size: 0; 
} 

.child { 
    font-size: 1em; 
    /* font-size: 16px; */ 
} 

使用em它不起作用。改爲使用px作爲單位使文本再次出現。

有人可以解釋我爲什麼嗎？

Answer 1

是的，這是正常的。因爲em這是一個相對的測量。如果你認爲你在做什麼，你是這樣做的：

0 * 1 = 0 

所以，如果你重置爲0，你將永遠獲得一個零值。

您需要使用rem（root em）或px。

.child { 
    font-size: 1rem; 
} 

Rems的是從文檔