這篇“html的px、em和pt長度單位怎么用”文章的知識點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html的px、em和pt長度單位怎么用”文章吧。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),西盟企業(yè)網(wǎng)站建設(shè),西盟品牌網(wǎng)站建設(shè),網(wǎng)站定制,西盟網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,西盟網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

一、PX\EM\PT單位介紹  

px單位名稱為像素，相對長度單位，像素（px）是相對于顯示器屏幕分辨率而言的國內(nèi)推薦；
em單位名稱為相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸，國外使用比較多；擴(kuò)展閱讀：html em標(biāo)簽,html em強(qiáng)調(diào)標(biāo)簽
pt單位名稱為點(diǎn)（Point），絕對長度單位一般老版本的table使用長度大小單位但是現(xiàn)在基本上沒有使用。

html單位簡短介紹：

Px 像素Pixel；相對長度單位。
Pt 點(diǎn)（Point）；絕對長度單位
Em 相對長度單位，這里em與html 標(biāo)簽的"EM"拼寫完全相同，而這里em作為單獨(dú)文本單位。

1. 以前IE無法調(diào)整那些使用px作為單位的字體大小,但現(xiàn)在幾乎IE都支持 在這里也推薦使用PX作為單位;

2. 國外的大部分網(wǎng)站能夠調(diào)整的原因在于其使用了em作為字體單位;

3. Firefox能夠調(diào)整px和em，但是96%以上的中國網(wǎng)民使用IE瀏覽器(或內(nèi)核)。

px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的，QQ截圖也是使用PX作為長度寬度單位。

em是相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。

二、html單位對比案例  

1、簡單小例：
Width:300px 寬度為300像素
Width:300pt 寬度為300點(diǎn)
Width:300em 寬度為300相對長度
以上我們設(shè)置相同數(shù)值的不同單位實(shí)例

2、對文字設(shè)置不同長度em px pt單位看看效果：
CSS代碼：

.創(chuàng)新互聯(lián)-px{ font-size:12px} .創(chuàng)新互聯(lián)-pt{ font-size:12pt} .創(chuàng)新互聯(lián)-em{ font-size:2em}

HTML代碼：

我是創(chuàng)新互聯(lián)