Html中對(duì)于字體大小單位px、em、 pt的具體區(qū)分

px

px是pixel縮寫，是基于像素的單位.在瀏覽網(wǎng)頁(yè)過(guò)程中，屏幕上的文字、圖片等會(huì)隨屏幕的分辨率變化而變化，一個(gè)100px寬度大小的圖片，在800×600分辨率下，要占屏幕寬度的1/8，但在1024×768下，則只占約1/10。所以如果在定義字體大小時(shí)，使用px作為單位，那一旦用戶改變顯示器分辨率從800到1024，用戶實(shí)際看到的文字就要變“小”（自然長(zhǎng)度單位），甚至?xí)�看不清，影響瀏覽。

em

em：即％，是相對(duì)單位，是一個(gè)相對(duì)長(zhǎng)度單位，最初是指字母M的寬度，故名em。現(xiàn)指的是字符寬度的倍數(shù)，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用來(lái)測(cè)量長(zhǎng)度的通用單位(例如元素周轉(zhuǎn)的頁(yè)邊空白和填充),當(dāng)用于指定字體大小時(shí),em單位是指父元素的字體大小。

在一個(gè)頁(yè)面上給定了一個(gè)父元素的字體大小,這樣就可以通過(guò)調(diào)整一個(gè)元素來(lái)成比例的改變所有元素大小.它可以自由縮放,比如用來(lái)制作可伸縮的樣式表。

pt

PT是point(磅)縮寫，是一種固定長(zhǎng)度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字，字體的大小在不同屏幕（同樣分辨率）下一樣，這樣可能會(huì)對(duì)排版有影響，但在Word中使用pt相當(dāng)方便。因?yàn)槭褂肳ord主要目的都不是為了屏幕瀏覽，而是輸出打印。當(dāng)打印到實(shí)體時(shí)，pt作為一個(gè)自然長(zhǎng)度單位就方便實(shí)用了：比如Word中普通的文檔都用“宋體 9pt”，標(biāo)題用“黑體 16pt”等等，無(wú)論電腦怎么設(shè)置，打印出來(lái)永遠(yuǎn)就是這么大。

轉(zhuǎn)換

瀏覽器的默認(rèn)字體高都是16px，所以未經(jīng)調(diào)整的瀏覽器在顯示1em=16px，也就是說(shuō)1px=0.0625em。為了簡(jiǎn)化font-size的換算，可以在css中的body中先全局聲明font-size=62.5%，也就是定義了默認(rèn)字體大小為16px*0.625=10px,子元素會(huì)繼承父級(jí)元素的字體大小，于是1em=10px，所以12px=1.2em。px與em的轉(zhuǎn)換通過(guò)10就可以得來(lái)。但是定義font-size=0.625em或者直接定義12px，這是沒(méi)有效果的，


此外有一點(diǎn)必須要注意，IE處理漢字時(shí)，對(duì)于浮點(diǎn)的取值精確度有限，由以上方法得到的12px(1.2em)大小的漢字在IE中并不等于直接用12px定義的字體大小，而是稍大一點(diǎn)。只要將62.5%換成63%就可以了。

pt和px的換算公式也比較簡(jiǎn)單，pt=px乘以3/4。

以上就是Html中關(guān)于字體大小單位px、em、 pt的具體分析的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！