我學到的一個CSS規則是你應該使用相對的「em」字體大小單位而不是絕對的「pt」。總體思路是將body標籤中的字體大小設置爲「94%」,然後將所有其他元素設置爲這樣的「em」大小。其理由是:是否有任何實際的理由使用「em」而不是「pt」字體大小單位?
- 然後你可以通過修改身體的字體大小,在一個點更改網站上的所有字體大小的相對大小
- 用戶,因爲他們自己可以修改字體的大小「EM」
然而,當使用的「EM」代替「PT」中定義的I不斷遇到其中具有字體大小的元件被嵌入在另一元件與字體大小,因此問題,如下面的變得很小(在下面的情況下,一個詞彙單詞是0.8的0.8,另一個是1.2的0.8)。
<html>
<head>
<style type="text/css">
body {
font-size: 94%;
}
p {
font-size: .8em;
}
li {
font-size: 1.2em;
}
.vocabulary {
font-size: .8em;
}
</style>
</head>
<body>
<p>This is an <span class="vocabulary">egregious</span> test.</p>
<ul>
<li>This is in a <span class="vocabulary">superb</span> list.</li>
</ul>
</body>
</html>
課程很簡單,直接的HTML網站。這是沒有問題的,但在進口樣式表現實世界中,也許你甚至沒有與在控件嵌入到其他控件動態網站製作和他們都用可能的內嵌樣式輸出HTML,我發現有時使用「em」單位字體大小的網站有時是不可能維護的,控制字體大小的方法是將所有東西都轉換爲硬「px」大小。
此外,我剛剛檢查了四個主要瀏覽器,每個瀏覽器都有熱鍵,可以增加和減少「pt」字體的大小。
因此,這裏是我的問題:
- 沒有任何真實世界的原因,我應該使用的「EM」,而不是「PT」?
- 是否有使用「em」尺寸的技巧,這樣我就不會遇到上述的嵌入字體大小問題?
嗨皮特,謝謝你的回答。你知道這個法律是否適用於那些有客戶在英國使用他們的UI的基於美國的公司? – 2011-07-28 16:36:51