實施範例9

9.以em單位設定字體大小

這項技巧目的是使用em單位來設定字體大小,使用戶代理能有效地把內容縮放。由於em是字體的屬性,它可以用來縮放字體的大小。如果body元素已設定了字體的大小,除非特別改寫,否則其他元素也會繼承該值。

範例:

在css中使用em單位來設定字體大小
這個例子使用了strong元素來突出需要強調的文字,而標題和段落的文字則使用了不同的字體大小,因此強調的字詞會較週邊的文字為大。

範例代碼:

strong {font-size: 1.6em}
...
<h1>Letting the <strong>user</strong> control text size</h1>
<p>Since only the user can know what size text works for him,
it is <strong>very</strong> important to let him configure the text size.  </p>