line-height: 1.428571429;Perché Bootstrap è impostatoline-height su questo valore?
( Alcuni temi lo arrotondano a 1.42857143.)
Risposte:
L'altezza della linea viene determinata dividendo la dimensione dell'altezza della linea target per la dimensione del carattere. In questo esempio, Bootstrap sta basando la loro altezza di linea su una dimensione del carattere di 14px. L'altezza della linea target è 20px:
20px ÷ 14px = 1.428571429
Quando si determina l'altezza della linea, si desidera assicurarsi di avere un ampio spazio bianco tra le righe. Ciò consente di ascendenti e discendenti senza intromettersi su altre file. Inoltre, l'ampio spazio bianco consente agli occhi di sviluppare un ritmo visivo durante la lettura.
Anche mantenere l'altezza della linea senza unità la rende più versatile. Per ulteriori informazioni, consultare il post di Eric Meyer su questo da febbraio 2006.
line-heightcausa di sfocatura in IE11, il che mi ha fatto mettere in discussione. La risposta ha perfettamente senso, ma arrotondare il numero a solo un paio di cifre decimali sarebbe probabilmente prudente per conto di Bootstrap.