HTML中px、em、pt長度單位的含義是什么

本篇內(nèi)容介紹了“HTML中px、em、pt長度單位的含義是什么”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

pt單位名稱為點（Point），絕對長度單位一般老版本的table使用長度大小單位，但是現(xiàn)在基本上沒有使用。

html單位簡短介紹：

Px 像素Pixel；相對長度單位。

Pt 點（Point）；絕對長度單位

Em 相對長度單位，這里em與html <em>標(biāo)簽的"EM"拼寫完全相同，而這里em作為單獨文本單位。

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)字體尺寸。

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

CSS代碼：

.divcss-px{ font-size:12px} 

.divcss-pt{ font-size:12pt} 

.divcss-em{ font-size:2em}

HTML代碼：

<div class="divcss-px">我是divcss1</div> 

<div class="divcss-pt">我是divcss2</div> 

<div class="divcss-em">我是divcss3</div>

“HTML中px、em、pt長度單位的含義是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！