前段時間，終于仔仔細細的把pt、px、em、rem了解了一遍，特意將其相關內(nèi)容整理成文章，希望能對有需要的人有所幫助。
pt、px、em、rem都是什么
pt單位名稱為點（Point），絕對長度單位?，F(xiàn)在網(wǎng)頁中出現(xiàn)得很少甚至不出現(xiàn)，常用于印刷行業(yè)。
單位換算：1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
px單位名稱為像素，相對長度單位，像素px是相對于顯示器屏幕分辨率而言的。像素的使用性特別廣。
em單位名稱為相對長度單位。它沒有一個固定數(shù)值，相對于當前對象內(nèi)文本的字體尺寸。如當前對行內(nèi)文本的字體尺寸未被人為設置，則相對于瀏覽器的默認字體尺寸。
rem是CSS3新增的一個相對單位（root em，根em）， rem是相對單位，是相對HTML根元素。
四者的特點和關系
pt是一個標準的長度單位， 1pt＝1/72英寸，常用于印刷當中，在AI、PS等設計軟件當中字體大小所用的單位就是pt，它在廣告印刷業(yè)當中十分受歡迎，也非常的好用。但現(xiàn)在在網(wǎng)頁當中，pt幾乎不出現(xiàn)了。
優(yōu)點：適用于印刷業(yè)
缺點：網(wǎng)頁幾乎不用了
我有幾張阿里云幸運券分享給你，用券購買或者升級阿里云相應產(chǎn)品會有特惠驚喜哦！把想要買的產(chǎn)品的幸運券都領走吧！快下手，馬上就要搶光了。
px是屏幕上顯示的最小單位，所以在網(wǎng)頁當中非常受歡迎，因為精準也非常的直觀和方便。一些設計類也會使用到px。
優(yōu)點：精確穩(wěn)定
缺點：在瀏覽器中放大或縮小頁面后，頁面會出現(xiàn)混亂的情況
em這個單位就比較強大了，它是個相對長度單位，擁有著可變的彈性特征。這個單位也受到大部分前端設計師的喜愛，因為是相對數(shù)值，所以我們可以設置1em、0.5em、0.25em等，且支持到小數(shù)點后三位數(shù)，頁面也會隨頁面的放大縮小而做相對應的調(diào)整。
優(yōu)點：靈活變化
缺點：會繼承父級元素的字體大小
點擊鏈接閱讀全文：yq.aliyun.com/articles/266909
