| |
剛學(xué)網(wǎng)頁制作的時(shí)候，老師曾經(jīng)告訴我必須用CSS強(qiáng)制定義字體大小，否則保證每個(gè)人都看到一致的效果。這一點(diǎn)在現(xiàn)在的中國站點(diǎn)尤為明顯。包括網(wǎng)易、搜狐這些門戶網(wǎng)站在內(nèi)的大部分站點(diǎn)，用的都是絕對(duì)單位px（像素）。但是，如果從網(wǎng)站易用性方面考慮，字體大小應(yīng)該是可變的，一些視力不是那么好的人需要放大字體才能看得清頁面內(nèi)容。然而，占據(jù)大部分瀏覽器市場的IE無法調(diào)整那些使用px作為單位的字體大小。國外人士非常重視網(wǎng)站的易用性，相當(dāng)一部分外國站點(diǎn)已經(jīng)使用em作為字體單位。
1em指的是一個(gè)字體的大小，它會(huì)繼承父級(jí)元素的字體大小，因此并不是一個(gè)固定的值。任何瀏覽器的默認(rèn)字體大小都是16px。因此，12px = 0.75em。實(shí)際應(yīng)用中為了方便換算，通常會(huì)如下設(shè)置樣式：
html { font-size: 62.5%; }
這樣，1em = 10px。我們常用的1.2em理論上就是12px。但是，這個(gè)換算在IE瀏覽器下不成立，1.2em會(huì)比12px稍大一些，解決辦法是把html標(biāo)簽樣式中的62.5%改成63%，即：
html { font-size: 63%; }
在中文的文章中，一般會(huì)在段首空兩格。如果用px作為單位，對(duì)12px字體來說需要空出24px，對(duì)14px字體來說需要空出28px……這樣換算非常不通用。如果用上em單位，這個(gè)問題就很好解決了，1個(gè)字的大小就是1em，那兩個(gè)字的大小就是2em。因此，只需這樣定義就行了：
p { text-indent: 2em; }
|
|
|
| 【收藏】【打印】【進(jìn)入論壇】 |
|
|
|
|
| |
|
|
|
