爲什麼Bootstrap將行高屬性設置爲1.428571429？

2013-11-14 52 views 111 likes

111

line-height: 1.428571429;

（它Some themes輪1.42857143）

2013-11-14 Ziyu Zhou

回答

151

行高被由字體大小除以目標行高尺寸確定。在這個例子中，Bootstrap將他們的行高設爲14px的字體大小。目標線高度爲20像素：

20像素÷14px的= 1.428571429

在確定您的line-height，你要確保你有你的行之間足夠的空白。這允許上行和下行而不會侵入其他行。同時擁有充足的空白空間，讓您的眼睛在閱讀時可以形成視覺節奏。

同時保持行高無單位使其更通用。欲瞭解更多信息，see Eric Meyer's post on this from February 2006.

2013-11-21 14:38:00 Hynes

我正要問同樣的事情。看起來這個問題經常出現。也許Bootstrap開發代碼應該有一個快速的解釋性評論。 –

我不認爲這是一個愚蠢的問題。我在IE11中看到這種不規則的「行高」會導致模糊，這讓我質疑它。答案是完全合理的，但是將數字四捨五入到小數點後兩位可能會代表Bootstrap的謹慎。 – aminimalanimal

相關問題