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