css中px和pt的區(qū)別有哪些

這篇文章主要介紹了css中px和pt的區(qū)別有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

區(qū)別：pt是絕對單位，px是相對單位。使用px定義文字，無論用戶怎么設(shè)置，都不會改變大??；使用pt定義文字，當(dāng)用戶設(shè)置超過96DPI的值，數(shù)值越大，字體就越大。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

px和pt，一個是設(shè)備坐標(biāo)，一個是邏輯坐標(biāo)，兩者是不同的。

pt是個絕對單位，1 pt =1/72 英寸

px是個相對單位，一般像素的參考值為：在一個像素密度是90 pdi的顯示器上，正常人從距離顯示器28英寸處看一個像素的視角應(yīng)該不小于0.0227度。

使用px定義文字，無論用戶怎么設(shè)置，都不會改變大小；使用pt定義文字，當(dāng)用戶設(shè)置超過96DPI的值，數(shù)值越大，字體就越大。

如果大家做網(wǎng)頁是為了瀏覽而不是印刷，建議大家用 px 來定義字號，理由如下：

1. 如前面 Jet 所述，px 指的是象數(shù)，象數(shù)這個概念本身就是為了顯示才引用的，而 pt （磅值）很大程度上是為了印刷不出錯，印刷和顯示有很大的不同，這里不多說，吉吉所說的情況也是用 pt 帶來的弊病。

2. Html 代碼中大部分默認的單位，例如 width=10 等等，都是以 px 做為單位的，屏幕的總寬度高度也是以 px 做為單位，800*600 就是寬 800px; 高 600px; 我們把字號定義為 12px; 可以很方便的計算，例如，10個中文字 ，他的寬度就是 10*12=120，我們很容易可以寫一個 width=120 的表格把他框住，這只是一個例子。

3. 請大家做一個試驗，body { font-size:10.5pt; } 和 body { font-size:14.7px; } 這兩種定義方法，要讓 Netscape 顯示那種 10.5 磅的比較優(yōu)化的字號，只有定義成 14.7px 才可以，否則只有 IE 才認識。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“css中px和pt的區(qū)別有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!