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

Ответы:

177

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

20 пикселей ÷ 14 пикселей = 1,428571429

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

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

Хайнс
источник
2
Я собирался спросить то же самое. Похоже, этот вопрос возникает регулярно. Может быть, в коде разработчика Bootstrap должен быть краткий пояснительный комментарий.
ivanjonas 01
1
Я не думаю, что это вообще глупый вопрос. Я видел эту нерегулярную line-heightразмытость в IE11, что заставило меня усомниться в этом. Ответ имеет смысл, но округление числа до пары десятичных знаков, вероятно, было бы разумным для Bootstrap.
aminimalanimal