css px和pt的區(qū)別

本篇內(nèi)容主要講解“css px和pt的區(qū)別”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“css px和pt的區(qū)別”吧!

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

2、pt是絕對(duì)單位，1pt=1/72英寸。

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

用px定義文本，不管用戶如何設(shè)置，大小都不會(huì)改變；用pt定義文本，當(dāng)用戶設(shè)置超過(guò)96DPI時(shí)，數(shù)值越大，字體越大。

假如每個(gè)人網(wǎng)頁(yè)是為了瀏覽而非打印，建議大家用px來(lái)定義字號(hào)，理由如下：

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

（2）Html代碼中的大多數(shù)默認(rèn)單位，如width=10等都是以px為單位，屏幕的總寬度高度也是以px為單位，800*600為寬度800px；高度600px；我們將字號(hào)定義為12px；可以方便地計(jì)算，比如，10個(gè)中文字，他的寬度是10*12=120，我們很容易就能寫出width=120的表格來(lái)框住他，這只是一個(gè)例子。

請(qǐng)大家做個(gè)測(cè)試，body{font-size:10.5pt;}和body{font-size:14.7px;}這兩種定義方法，要讓Netscape顯示出10.5磅比較優(yōu)化的字號(hào)，只能定義為14.7px，否則只能認(rèn)識(shí)IE。

到此，相信大家對(duì)“css px和pt的區(qū)別”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！