Summary
line-height の値に単位をつけて 1em とした場合p {
font-size: 16px;
line-height: 1em;
}
p em {
font-size: 24px;
}line-height の値に単位をつけずに 1 とした場合
p {
font-size: 16px;
line-height: 1;
}
p em {
font-size: 24px;
}line-height の継承に差が発生する．
line-height の値に単位をつけて 1em とした場合p {
font-size: 16px;
line-height: 1em = 16px;
}
p em {
font-size: 24px;
line-height: 16px;
}line-height の値に単位をつけずに 1 とした場合
p {
font-size: 16px;
line-height: 1 = 16px;
}
p em {
font-size: 24px;
line-height: 24px;
}Reference
Lucky bag::blog: line-height の値には単位なしが良いとされる理由http://www.lucky-bag.com/archives/2006/04/unitless-line-heights.html
Lucky bag::blog: line-height の値には単位なしが良いとされる理由サンプル
http://www.lucky-bag.com/appendix/line-heights-sample.html
via
日本の総理大臣の演説をタグクラウド化: blog.bulknews.nethttp://blog.bulknews.net/mt/archives/002078.html