Por que o Bootstrap define a propriedade line-height como 1.428571429?

Respostas:

177

A altura da linha é determinada dividindo o tamanho da altura da linha de destino pelo tamanho da fonte. Neste exemplo, o Bootstrap está baseando sua altura de linha em um tamanho de fonte de 14px. A altura da linha de destino é 20 px:

20px ÷ 14px = 1.428571429

Ao determinar a altura da linha, verifique se há um amplo espaço em branco entre as linhas. Isso permite ascendentes e descendentes sem se intrometer em outras linhas. Também ter amplo espaço em branco permite que seus olhos desenvolvam um ritmo visual durante a leitura.

Manter a altura da linha sem unidade também a torna mais versátil. Para mais informações, consulte a publicação de Eric Meyer sobre isso em fevereiro de 2006.

Hynes
fonte
2
Eu estava prestes a perguntar a mesma coisa. Parece que essa pergunta surge regularmente. Talvez o código de desenvolvimento do Bootstrap deva ter um comentário explicativo rápido.
Ivanjonas 01/07
1
Não acho que seja uma pergunta tola. Eu já vi essa irregularidade da line-heightcausa no IE11, o que me fez questionar. A resposta faz todo sentido, mas arredondar o número para apenas duas casas decimais provavelmente seria prudente em nome do Bootstrap.
#