字体大小覆盖其他样式

Question

我试图使用font-size:0;黑客来摆脱我的网格系统上的空白区域。

我已经设置正文字体大小为0，然后指定我的文本在其他地方的大小。

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

JS Fiddle

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

Answer 1

我才意识到，这是因为ems是一个相对数，相对于他们的父母。所以这只会在你为你的文本指定px值时才起作用。

Answer 2

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'属性上，这些长度单位将 指向父元素的计算字体大小。

Answer 3

A em值是相对于父元素的字体大小。由于您的div元素font-size:0h1元素的相对值为0。在这种情况下，您必须使用一些特定的值到您的attributes。例如：

font-size: 10px;