Wady linii wysokości bez jednostki?

Question

Czy są jakieś wady (niespójność przeglądarki/urządzenia ...) w wysokości linii określającej bez jednostki?

Przykład:

body { 

    line-height: 1.5; 
} 

Answer 1

W większości przypadków, to faktycznie lepiej użyć niemianowana line-height - patrz

• http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
• https://developer.mozilla.org/en/CSS/line-height - patrz notatki gdzie pokazują one przykładowe

Oczywiście są wyjątki. Pierwszym, który przychodzi na myśl, jest element blokowy ze znakiem znany z height i jednym wierszem tekstu w nim i chcesz wyśrodkować ten wiersz tekstu w pionie - uważam, że najłatwiej to zrobić jest użycie line-height, który jest równy height elementu blokowego.

---

[Tylko w przypadku, dla każdego, kto nie wie, o co chodzi z niemianowana line-height.]

Załóżmy, że masz element z font-size: 14px. Nie ma znaczenia, gdzie został ustawiony, czy jest dziedziczony czy nie, jeśli ustawiłeś go samodzielnie lub pochodzi z arkusza stylów użytkownika. Element ma font-size: 14px.

Teraz, jeśli ustawisz, powiedzmy line-height: 1.5 dla tego samego elementu, zostanie to przetłumaczone na piksele jako 1.5 * 14px = 21px. Tak więc Twoja obliczona line-height będzie 21px.