0

CSS初心者なので的外れな質問でしたらすみません。

私はサイトを作っていて、これを使いました：

body {
  font-size: 80%;
}

後で、実際には今日、EricMeyer の CSS リセットを 80% 宣言より上のページに適用しようとしましたが、フォントのサイズ設定であらゆる種類の問題が発生しています。

font-size 100% はフォントを変更しないと思っていたので、問題になるとは思いませんでした。「親のフォントを使用する」だけですが、そうではありません。

この font-size 100% 宣言は実際に何をしますか? リセットのすべての要素に適用されるのはなぜですか (つまり、html、body、div、span、a、b、i、font、etc {font-size} 私が使用していた body{font-size} だけではなく、うまく継承されますか）？

Before I "just remove the 100%" I'd like to know what it's actually doing. What does 100% actually mean, and why does Mr. Meyer apply it to a bunch of elements rather than just the body like I was doing?

4

2 に答える 2

1

使用は機能しfont-size: 0.8em;ますか? 1em は「文字の大きさ」なので、0.8em で十分です。

于 2010-11-15T12:45:37.527 に答える
0

問題は、Meyer が body 要素だけを 100% に設定していることです。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

簡単な修正は、Meyersfont-size: 100%;を次のように変更することです。font-size: 80%;

フォントサイズ: 100%; スタイルをリセットしてすべてのブラウザーで同じようにするために使用されますが、IE6 ではこれに問題があると思います。

于 2010-11-15T13:14:09.063 に答える