文字是網(wǎng)頁的主體部分，制作網(wǎng)頁時會過多過少的考慮一些文字問題：字體，大小等。文字的大小關(guān)乎著美觀等一系列問題，大小的設(shè)置也是一門學(xué)問，其中也有約定俗成的定律，本文就要討論一下文字大小的問題。
在CSS中定義文字大小的屬性為font-size，其值(Value)可以為數(shù)字+單位和關(guān)鍵詞(Keyword，本文不進(jìn)行討論)。這其中又各自有相對和絕對之分。單位的種類如下表所示：
其中比較熟悉和經(jīng)常使用的是px，其次便是em，而其他幾種單位則不常使用，也不是設(shè)置顯示文字大小好的選擇。pt和pc主要用于印刷制品的文字大小定義，一般出現(xiàn)在為印刷定義的樣式中；em是相對單位，一般的1em=大寫字母M的高度，且其具有繼承性，可以繼承父標(biāo)簽的屬性；ex也是相對單位，一般的1ex=小寫字母x的高度，很少使用。
據(jù)目前的情況來看，單位的選取主要集中在px，em和%上，普遍的觀點(diǎn)是放棄使用px，使用em和%來定義文字大小。
為何放棄px？對于IE和IE內(nèi)核的瀏覽器，客戶端不能通過設(shè)置“文字大小”來改變頁面文字大小，這一點(diǎn)就不符合“易用性”(Accessibility)，在國內(nèi)對這一點(diǎn)沒有強(qiáng)制要求，可以自由定奪；但在法治相對健全的國家，像美國，就有相關(guān)的法案強(qiáng)制網(wǎng)站必須達(dá)到一定的易用性。因?yàn)椴豢赡鼙ＷC瀏覽網(wǎng)頁的人都是“健全”的，有些人可能懷有影響閱讀的疾病，比如近視，這時往往需要改變“文字大小”來協(xié)調(diào)閱讀。
僅僅因?yàn)檫@一點(diǎn)而放棄易用的px確實(shí)有點(diǎn)冤枉，但對于逐漸人性化的發(fā)展趨勢來說，這也是必要的；或者在IE8中可以通過設(shè)置“文字大小”而改變頁面文字大小。這時便可以重新使用px了。
為何選擇em和%？em和%都是相對單位，可以方便的在客戶端進(jìn)行設(shè)置而改變頁面文字大小，從而達(dá)到了頁面一定的“易用性”。
em為何物？上面也提到了，em是相對單位，em的初始值是1em=16px，為了能夠方便的和px進(jìn)行轉(zhuǎn)換，常常在body中定義font-size為62.5%，這時1em=16px × 62.5%=10px，所以12px=1.2em，也就是在不考慮單位時，前者除以10即可。
我們需要怎么做？通過上面簡單的說明，知道了在定義字體大小時，最好的選擇時使用em和%作為單位，而放棄px的使用，那么具體要怎樣做呢？
首先，為body定義字體大小，使用%：body{font-size：62.5%;}
其次，為其他標(biāo)簽定義字體大小，這時就需要用em，同時需要注意繼承性。例如.entry無父類，其文字大小為1.2em(=12px)，.entry p文字大小為1.2em，這時p中的文字大小就不是1.2×10=12px，而是1.2×1.2×10=14.4px。
我們需要做什么？看完本文后，如果您覺得有必要可以對你的站點(diǎn)進(jìn)行文字大小的重定義，使用上面提到的方法；如果仍然使用px也無可厚非，畢竟很少有人通過客戶端來設(shè)置字體大小，至少國內(nèi)還沒有相關(guān)條例強(qiáng)制要求。
聯(lián)系客服
