2

最初の単語を 1.4em に、残りを 1.2em にスパンする h1 タグがあります。私が書いたら

.item.large h1 {
font-size: 1.4em;
padding-top: 0.3em;
margin-left: 0.4em;
}

.item.large h1 span {
font-size: 1.2em; // why is this not taken into account?
}

スパン内の単語は、実際には 1.4em よりも大きく、小さくはありません! なぜこの予想外の増加が起こっているのですか? h1 タグの一部を正しくスタイルするにはどうすればよいですか? ありがとう！

編集：スパンに0,857142857142857emを使用すると、視覚的に1.2emの高さが得られますが、それは方法ではありません.

4

3 に答える 3

10

emサイズの単位は、親要素に相対的です。rem unit を使用して、ドキュメントのメイン ユニット サイズ、つまり定数サイズに相対的に指定できます。

詳細については、http://snook.ca/archives/html_and_css/font-size-with-remを参照してください。

于 2012-07-12T16:07:58.263 に答える
3

em は (その親に対して) 相対的な測定単位であるためです。

于 2012-07-12T16:07:46.217 に答える
0

CSS でこのコードを使用できます。

#title h1{
display: block;
font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
}
#title h1>span {
display: block;
font-size: 11px;
color: #fff;
}

そしてあなたのHTMLコードで：

<h1 id="title">My Title<br><span>My Second Title</span></h1>
于 2014-09-06T09:37:07.663 に答える