Размер шрифта переопределяет другие стили

Question

Я пытаюсь использовать hack для удаления белого пространства на моей сетке.

Я установил размер шрифта тела равным 0, затем задаю размеры для моего текста в другом месте.

Однако размер шрифта: 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:0 элемент h1 принимает относительное значение 0. В этом случае вам нужно использовать либо определенные значения для вашего attributes. Для Instance

font-size: 10px;