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

114 
line-height: 1.428571429;

Почему Bootstrap set line-height для этого значения?

(Некоторые темы вокруг него 1.42857143.)

Теги:

1 ответ

144
Лучший ответ

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

20px ÷ 14px = 1.428571429

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

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

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню