問題與「字體大小：100％」

我是新來的CSS所以我很抱歉，如果這是一個愚蠢的問題。問題與「字體大小：100％」

我做一個網站，並使用此：

body { 
    font-size: 80%; 
}

後來，居然今天，我試圖申請EricMeyer's CSS reset到我的網頁的80％聲明之上，但它造成種種麻煩與我的字體大小。

我不認爲這會是一個問題，因爲我認爲字體大小100％不會改變字體，它只是「使用你父母的字體」，但事實並非如此。

這個font-size 100％聲明實際上做了什麼？爲什麼它應用於重置中的每個元素（即html，body，div，span，a，b，i，font等{font-size}），而不僅僅是我正在使用的body {font-size}要繼承好）？

在我「剛剛刪除100％」之前，我想知道它實際上在做什麼。 100％究竟意味着什麼，爲什麼邁爾先生將它應用於一系列元素，而不僅僅是像我一樣在做的事情？

來源

2010-11-15 Kristina

是否使用font-size: 0.8em;工作？由於1em是「一個字符的大小」，0.8em應該給你你想要的。

來源

2010-11-15 12:45:37

是的。對於相對字體大小，使用ems而不是百分比。 – Spudley 2010-11-15 12:47:31

如果我在身體上使用80％或0.8em，這並不重要 - 它們彼此做同樣的事情。問題在於100％的重置適用於之前的一堆元素。 – Kristina 2010-11-15 12:49:10

然後從重置中刪除100％？ – 2010-11-15 12:50:49

對於你來說，問題在於，邁爾正在設置更多，只是身體元素爲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-15 13:14:09

如果我在Meyers重置中將字體大小更改爲80％，頁面上的所有內容都變得太小而無法讀取。 – Kristina 2010-11-15 13:21:38

哦，我忘了他們是相對的。你爲什麼想要應用這個重置？只是問，因爲你並不真的需要他們，有人甚至說他們是不好的。 http://meiert.com/zh-CN/blog/20080419/reset-style-sheets-are-bad/ – 2010-11-15 13:31:11

因爲我認爲他們應該讓所有瀏覽器的內容更加一致。公平地說，其他的一切看起來都很簡單，但是這只是這種字體的東西讓我很難過。我不明白繼承100％甚至會改變規模，更不用說爲什麼它只會影響某些元素。在這一點上，我的目標更多的是理解wtf正在發生的事情，而不是「僅僅解決問題」。我喜歡知識。我想要更多。我無法弄清楚這個問題，這讓我瘋狂。 – Kristina 2010-11-15 13:39:59

問題與「字體大小：100％」

回答

相關問題