Существуют ли какие-либо недостатки (несоответствие браузера/устройства...) при определении высоты строки без единицы?
Пример:
body {
line-height: 1.5;
}
Недостатки на высоту строки без единицы?
Ответ 1
В большинстве случаев на самом деле лучше использовать единичную высоту линии - см.
- http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
- https://developer.mozilla.org/en/CSS/line-height - см. примечания, где они показывают пример
Конечно, есть исключения. Первое, что приходит в голову, - это когда у вас есть элемент блока с известным height и с одной строкой текста в нем, и вы хотите центрировать эту строку текста по вертикали - я считаю, что самый простой способ сделать это: используйте line-height, который равен height элемента блока.
[На всякий случай, для тех, кто не знает, что такое сделка без единиц line-height.]
Предположим, что у вас есть элемент с font-size: 14px. Не имеет значения, где он был установлен, независимо от того, унаследовал он это или нет, если вы установили его самостоятельно или он исходил из таблицы стилей пользовательского агента. Элемент имеет font-size: 14px.
Теперь, если вы установите, скажем line-height: 1.5 для одного и того же элемента, это будет переведено в пиксели как 1.5 * 14px = 21px. Таким образом, вычисленный line-height будет 21px.