詳解CSS中的幾種長度px、em、pt
發(fā)布時間：2014-07-28 16:44:54 作者：佚名 
我要評論
我要評論說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當(dāng)然后兩個在當(dāng)年見的更多
今天沒有繼續(xù)昨天的問題，因?yàn)榻裉鞗]時間，從來就感覺自己在忙，不過可喜的是，以前我在忙著迷茫，現(xiàn)在我在忙著勵志...記得有句話說的特別好“那些想明白了就可以不做的事情，往往不做就想不明白”，這句話讓我佩服很久，那些曾經(jīng)的日子總在提醒我要珍惜現(xiàn)在。
說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當(dāng)然后兩個在當(dāng)年見的更多。
其實(shí)px，我們最熟悉，而在電腦上也應(yīng)用最多，因?yàn)轱@示器的分辨率就是...px*....px，我們知道分辨率的話是不是對于瀏覽器最大時對界面的實(shí)際更方便簡潔，應(yīng)該有這么個原因吧。
而em則是相對長度單位，是相對于系統(tǒng)的默認(rèn)字體尺寸來的；
至于我們最常見的mm和cm就是我們純正意義上的cm和mm了，他們都是絕對長度單位，帶了“絕對”也就知道了吧。
而剩下的四個，我見得比較少，不過這里 也還是把它的一些問題簡單記錄下吧：
ex同樣是相對長度，而它的參照則不是系統(tǒng)默認(rèn)的字體尺寸了，而是相對于字符"x"的高度；
in、pc、pt則都是絕對長度，他們之間的換算關(guān)系為：1in=2.54cm=25.4mm=72pt=6pc；
當(dāng)然相對長度也有其相應(yīng)的換算關(guān)系，那就是：16px=1em=100%=12pt；
需注意，px尚存在弊端：在ie6下，無法實(shí)現(xiàn)字體縮放的功能。
說說css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見到的是px，我還見到過的有ex和mm、cm，當(dāng)然后兩個在當(dāng)年見的更多。
其實(shí)px，我們最熟悉，而在電腦上也應(yīng)用最多，因?yàn)轱@示器的分辨率就是...px*....px，我們知道分辨率的話是不是對于瀏覽器最大時對界面的實(shí)際更方便簡潔，應(yīng)該有這么個原因吧。
而em則是相對長度單位，是相對于系統(tǒng)的默認(rèn)字體尺寸來的；
至于我們最常見的mm和cm就是我們純正意義上的cm和mm了，他們都是絕對長度單位，帶了“絕對”也就知道了吧。
而剩下的四個，我見得比較少，不過這里 也還是把它的一些問題簡單記錄下吧：
ex同樣是相對長度，而它的參照則不是系統(tǒng)默認(rèn)的字體尺寸了，而是相對于字符"x"的高度；
in、pc、pt則都是絕對長度，他們之間的換算關(guān)系為：1in=2.54cm=25.4mm=72pt=6pc；
當(dāng)然相對長度也有其相應(yīng)的換算關(guān)系，那就是：16px=1em=100%=12pt；
需注意，px尚存在弊端：在ie6下，無法實(shí)現(xiàn)字體縮放的功能。
相關(guān)文章
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算，本篇整理的還是比較詳細(xì)的，需要的朋友可以參考下2014-05-15搞清楚CSS中單位px與em之間的關(guān)系和特點(diǎn)
一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)，看過以后確實(shí)收獲很大，用px來定義字體，所以無法用瀏覽器字體放大的功能，下面為大家講解下2014-02-27- 如果字體未做任何CSS設(shè)定或者元素的設(shè)定，默認(rèn)的字體是12pt或者16px，或者1em，或者font size=3下面有個不錯的em、px、pt長度單位轉(zhuǎn)換示例，不懂的朋友可以參考下2013-11-07
- 網(wǎng)站制作中字體單位應(yīng)該用em而不用px，原因簡單來說就是支持IE6下的字體縮放，在頁面中按ctrl+滾輪，字體以px為單位的網(wǎng)站沒有反應(yīng)，在本文將為大家詳細(xì)介紹下2013-09-16
- css中的長度單位在網(wǎng)頁布局中經(jīng)常會用到(em/ex/px/pt)，至于在什么情況下使用，怎么用將在下文為大家詳細(xì)介紹下2013-06-16
學(xué)習(xí)CSS了解單位em和px的區(qū)別-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
這里引用的是Jorux的“95%的中國網(wǎng)站需要重寫CSS”的文章，題目有點(diǎn)嚇人，但是確實(shí)是現(xiàn)在國內(nèi)網(wǎng)頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)2008-10-17- 很長一段時間，我都使用12px作為網(wǎng)站的主要字體大小,10px太小，眼睛很容易疲勞2008-10-17
CSS教程：簡單理解em-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
px比em更加容易使用,em指字體高，任意瀏覽器的默認(rèn)字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px，所以10px=0.625em。為了簡化font-size的換算，需要在css中的bod2008-10-17- 這篇文章主要介紹了CSS中單位px與em的區(qū)別 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-05