字体大小覆盖其他样式
问题描述:
我试图使用font-size:0;
黑客来摆脱我的网格系统上的空白区域。字体大小覆盖其他样式
我已经设置正文字体大小为0,然后指定我的文本在其他地方的大小。
但是,font-size:0;似乎覆盖,我的文字无法看到?
div{font-size:0;}
h1{font-size:1.5em;}
答
我才意识到,这是因为ems
是一个相对数,相对于他们的父母。所以这只会在你为你的文本指定px值时才起作用。
+0
是的,你也可以做这样的事情: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'属性上,这些长度单位将 指向父元素的计算字体大小。
答
A em
值是相对于父元素的字体大小。由于您的div
元素font-size:0
h1
元素的相对值为0
。在这种情况下,您必须使用一些特定的值到您的attributes
。例如:
font-size: 10px;
没有时间基础 – 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