Question

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

我正在创建一个网站并使用它：

body {
  font-size: 80%;
}

稍后，实际上今天，我尝试将EricMeyer's CSS reset应用于80％声明之上的页面，但这会导致我的字体大小调整出现各种问题。

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

这个字体大小的100％声明实际上做了什么？为什么它应用于重置中的每个元素（即html，body，div，span，a，b，i，font等等{font-size}而不仅仅是我正在使用的body {font-size}，这似乎要继承好吗？

在我“删除100％”之前，我想知道它实际上在做什么。 100％实际上意味着什么，为什么迈耶先生将它应用于一堆元素而不仅仅是我正在做的身体？

Answer 1

使用font-size: 0.8em;是否有效？由于1em是“一个角色的大小”，因此0.8em应该可以满足您的需求。

Answer 2

问题在于，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;
}

快速解决方法是将Meyers font-size: 100%;更改为font-size: 80%;

字体大小：100％;仅用于在所有浏览器中重置样式相似，我相信IE6在此方面存在一些问题。

“font-size：100％”的问题

2 个答案: