沒有單位的行高的缺點？

Question

在指定沒有單位的行高時是否有任何缺點（瀏覽器/設備不一致...）？

例子：

body { 

    line-height: 1.5; 
} 

Answer 1

在大多數情況下，它實際上最好使用無單位的line-height - 見

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - 看到他們展示一個例子音符

當然，也有例外。首先想到的是當你有一個已知的height和塊文本中的一行文本，你想要垂直居中文本行 - 我發現最簡單的方法來做到這一點將使用等於塊元素的height的line-height。

---

[以防萬一，任何人誰不知道這是怎麼回事用無單位line-height]

假設你有font-size: 14px的元素。不管它是在哪裏設置的，無論它是否被繼承，如果你自己設置或者它來自用戶代理樣式表。元素有font-size: 14px。

現在，如果您設置了同一個元素，我們假設爲line-height: 1.5，這將被轉換爲像素爲1.5 * 14px = 21px。所以你的計算line-height將是21px。