Чому Bootstrap встановлює властивість висоти лінії 1,428571429?


Відповіді:


177

Висота рядка визначається діленням цільового розміру висоти лінії на розмір шрифту. У цьому прикладі Bootstrap визначає висоту рядка від розміру шрифту 14 пікселів. Висота цільової лінії - 20 пікселів:

20px ÷ 14px = 1.428571429

Визначаючи висоту лінії, ви хочете переконатися, що у вас є достатньо пробілів між рядами. Це дозволяє здійснити підйоми та спуски без вторгнення в інші ряди. Також достатня кількість білого простору дозволяє вашим очам розвивати зоровий ритм під час читання.

Крім того, що утримання висоти ліній без одиниць робить її більш універсальною. Для отримання додаткової інформації дивіться допис Еріка Мейєра про це з лютого 2006 року.


2
Я збирався запитати те саме. Схоже, це питання виникає регулярно. Можливо, у коду Bootstrap Dev повинен бути короткий пояснювальний коментар.
ivanjonas

1
Я взагалі не думаю, що це дурне питання. Я бачив цю нерегулярну line-heightпричину розмитості в IE11, що змусило мене поставити під сумнів. Відповідь має повний сенс, але округлення числа до декількох десяткових знаків, ймовірно, було б доцільним від імені Bootstrap.
aminimalanimal
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.