實施範例8

8.以百分比設定字體大小:

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

範例:

在css裡設定字體大小的百份比

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

範例代碼:

strong {font-size: 120%}

<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.