line-height: 1.428571429;
Чому Bootstrap встановлюєline-height
це значення?
( Деякі теми округляють її до 1.42857143.)
line-height: 1.428571429;
Чому Bootstrap встановлюєline-height
це значення?
( Деякі теми округляють її до 1.42857143.)
Відповіді:
Висота рядка визначається діленням цільового розміру висоти лінії на розмір шрифту. У цьому прикладі Bootstrap визначає висоту рядка від розміру шрифту 14 пікселів. Висота цільової лінії - 20 пікселів:
20px ÷ 14px = 1.428571429
Визначаючи висоту лінії, ви хочете переконатися, що у вас є достатньо пробілів між рядами. Це дозволяє здійснити підйоми та спуски без вторгнення в інші ряди. Також достатня кількість білого простору дозволяє вашим очам розвивати зоровий ритм під час читання.
Крім того, що утримання висоти ліній без одиниць робить її більш універсальною. Для отримання додаткової інформації дивіться допис Еріка Мейєра про це з лютого 2006 року.
line-height
причину розмитості в IE11, що змусило мене поставити під сумнів. Відповідь має повний сенс, але округлення числа до декількох десяткових знаків, ймовірно, було б доцільним від імені Bootstrap.