先說一下基本概念：px就是表示pixel，畫素，是螢幕上顯示資料的最基本的點；而pt就是point，是印刷行業常用單位，等於1/72英吋。
可以知道，px是乙個點，它不是自然界的長度單位，誰能說出乙個「點」有多長多大麼？可以畫的很小，也可以很大。如果點很小，那畫面就清晰，我們稱它為「解析度高」，反之，就是「解析度低」，由此可知畫素點可以隨著顯示屏的解析度的變大而變小，反之亦是。所以，「點」的大小是會「變」的，也稱為「相對長度」。
pt全稱為point，但中文不叫「點」，它大小為1/72英吋。所以它是乙個自然界標準的長度單位，也稱為「絕對長度」。
不管是px還是pt，他們都會隨著解析度的變大而變小，因為不管是文字、還是**等等在介面顯示的東西，都是通過畫素點的分布來呈現出來的，所以包括pt在內的所有長度單位基於螢幕進行顯示的時候，都統一先換算成為畫素的多少，然後進行顯示。因此就計算機的螢幕而言，相對長度和絕對長度沒有本質差別。任何單位其實都是畫素，差別只是比例不同。但是，無論螢幕用什麼解析度，對pt列印出來大小都是一樣的，因畫素點大小可以跟著解析度變化，pt轉換為畫素點後也會跟著變化，但無論怎樣，pt的實際值是不變的，換句話說，就是基本的長度單位可能不是畫素，而是其它的和生活中的度量單位一致的單位了，比如日常的印表機。
當然，對於網頁來說，使用哪種比較好呢？
其實我更偏向於px，因為網頁更加偏向於螢幕顯示。
css相對長度單位中的相對二字，表明了其長度單位會隨著它的參考值的變化而變化，不是固定的。
以下是css相對長度單位列表：
css相對長度單位
說明em
元素的字型高度the height of the element's font
ex字母x的高度the height of the letter "x"
px畫素pixels
%百分比percentage
絕對長度單位是乙個固定的值。比如我們常用的有mm，就是公釐的意思。
以下是css絕對長度單位列表：
css絕對長度單位
說明in
英吋inches (1 英吋 = 2.54 厘公尺)
cm厘公尺centimeters
mm公釐millimeters
pt點points (1點 = 1/72英吋)
pc皮卡picas (1 皮卡 = 12 點)
px和em pt長度單位
html px em pt單位區 目錄認識3單位 html單位案例對比 單位換算 em單位介紹 推薦單位px 畫素 關於px pt em總結單位 px單位名稱為畫素，相對長度單位，畫素 px 是相對於顯示器螢幕解析度而言的國內推薦 em單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸，國外使用...
px轉Unity單位長度
px是畫素單位。我們在unity中可以通過screen.with來獲取到螢幕橫向的畫素數,通過screen.height來獲取螢幕縱向的畫素數。在接入sdk的需要獲取長度單位的時候很多都會得到以px為單位的內容如 displaycutout displaycutout decorview.getro...
em rem和px長度單位的區別
px px是固定長度單位，不隨其他元素的變化而變化。px一般比較穩定 精確，如果改變瀏覽器的縮放，頁面布局也會被打破。em em是相對長度單位，隨父級元素屬性font size的變化而變化。rem rem是相對長度單位，隨根目錄的屬性font size的變化而變化。em和rem都是相對長度單位，都需...