字體大小覆蓋其他樣式

我試圖使用font-size:0;黑客來擺脫我的網格系統上的空白區域。字體大小覆蓋其他樣式

我已經設置正文字體大小爲0，然後指定我的文本在其他地方的大小。

但是，font-size：0;似乎覆蓋，我的文字無法看到？

div{font-size:0;} 
h1{font-size:1.5em;}

沒有時間基礎 – reuelab 2014-09-02 11:19:01

您可以詳細說明在哪種情況下需要使用'font-size：0'嗎？請注意，這種技術在Android上有一些問題 – 2014-09-02 11:47:52

這個例子（和jsfiddle）根本沒有設置正文字體大小。並沒有超越。你的'1.5em'只是評估爲0. – 2014-09-02 12:19:37

我才意識到，這是因爲ems是一個相對數，相對於他們的父母。所以這隻會在你爲你的文本指定px值時才起作用。

2014-09-02 11:18:46 user1486133

是的，你也可以做這樣的事情：http://jsfiddle.net/wkfoyyzy/2/ – 2014-09-02 11:19:18

A em值的定義是相對於父元素的字體大小。因此在這種情況下，1.5em;的計算值應爲0。您可以選擇use a root-em rem或fixed length value as px。

15.7 Font size: the 'font-size' property

'時間' 和 'EX' 長度值指的是當前元素的計算的字體大小。在'font-size'屬性上，這些長度單位將指向父元素的計算字體大小。

2014-09-02 11:19:12

A em值是相對於父元素的字體大小。由於您的div元素font-size:0h1元素的相對值爲0。在這種情況下，您必須使用一些特定的值到您的attributes。例如：

font-size: 10px;

2014-09-02 11:21:59 Benjamin

回答