0

我是 CSS 新手，所以如果这是一个愚蠢的问题，我很抱歉。

我正在制作一个网站并使用它：

body {
  font-size: 80%;
}

后来，实际上是今天，我尝试将EricMeyer 的 CSS 重置应用到我的 80% 声明以上的页面，但这给我的字体大小造成了各种麻烦。

我不认为这会是一个问题，因为我认为 font-size 100% 不会改变字体，它只是“使用你父母的字体”，但事实并非如此。

这个 font-size 100% 声明实际上是做什么的？为什么它适用于重置中的每个元素（即 html、body、div、span、a、b、i、font 等 {font-size} 而不仅仅是我使用的 body{font-size}，这似乎被继承罚款）？

在我“只删除 100%”之前，我想知道它实际上在做什么。100% 到底是什么意思，为什么迈耶先生将它应用到一堆元素上，而不是像我一样只应用到身体上？

4

2 回答 2

1

Does using font-size: 0.8em; work? Since 1em is "the size of a character", 0.8em should give you what you want.

于 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;
}

一个快速的解决方法是将迈耶斯更改font-size: 100%;为font-size: 80%;

字体大小：100%；只是用于在所有浏览器中将样式重置为相似，我相信 IE6 对此有一些问题。

于 2010-11-15T13:14:09.063 回答