Почему Bootstrap устанавливает свойство line-height в значение 1.428571429?

Ответ 1

Высота линии определяется делением размера целевой линии на размер шрифта. В этом примере Bootstrap устанавливает базовую высоту строки размером 14px. Целевая линия-высота 20 пикселей:

20px ÷ 14px = 1.428571429

При определении высоты линии вы хотите убедиться, что у вас достаточно пробелов между строками. Это позволяет восхождение и descenders, не вторгаясь в другие строки. Кроме того, наличие достаточно белого пространства позволяет вашим глазам создавать визуальный ритм во время чтения.

Также сохранение высоты линии без единиц делает ее более универсальной. Для получения дополнительной информации см. Сообщение Эрика Мейера об этом с февраля 2006 года.