CSS中font size文字單位詳解

在用px作為文字大小的單位的時候，經常會出現一些問題。最主要是體現在使用者不能靈活的控制文字的大小，現在ieseo

/' target='_blank'>瀏覽器是主流，但我們不能通過seo

/' target='_blank'>瀏覽器設定文字大小，因為我們用px作為文字大小的單位。

一、長度單位

長度單位分為兩種，一種是相對長度，另一種是絕對長度。

以下為三種相對長度單位：

◆ em 相對于父物件的大小

◆ ex 相對於特定字型中的字母x的高度

◆ px 相對於特定裝置的解析度，這是最最常用的單位，也是我們一直堅守的單位。從技術角度來說，px畫素其實是一種相對大小的度量單位，它於特定裝置的顯示或列印的解析度有關。例如，乙個畫素在被顯示在計算機螢幕上與被列印在紙張上的大小是不同的。

以下為五種絕對長度單位：

絕對長度單位在列印時或在螢幕顯示裝置的物理尺寸已知時才比較有用。

◆ in 英吋

◆ cm 厘公尺

◆ mm 公釐

◆ pt 點

◆ pc 12點活字

二、相對大小的關鍵字

相對大小的關鍵字只有兩個值：

◆ larger

◆ smaller

這兩個值的設定與父物件的設定值有關。我們可以像理解老式的那樣來理解它們。它們是設定文字大小的最基本的方式，並會受到上層物件的文字大小定義的影響。

三、絕對大小的關鍵字

這類關鍵字共有7個，他們的實際大小根據不同的瀏覽器及裝置來決定。

◆ xx-small

◆ x-small

◆ small

◆ medium

◆ large

◆ x-large

◆ xx-large

w3c建立建議瀏覽器開發公司，將每個關鍵字之間的比例設定為1.5。並推薦讓這個比例保持恆定，媽medium是small的1.5倍。同樣large是medium的1.5倍。

四、百分比

使用百分比設定大小，將在容器物件文字大小的基礎上進行改變。如果我們設定body的文字大小為10。我們設定p的文字大小為150%，則p的文字大小就為15。不管10是什麼樣的單位，百分比作為一種比例進行縮放調整。