1、長度單位包括哪些？
長度單位：例如，厘公尺、公釐、英吋。還有畫素（px），元素的字型高度（em）、字母x的高度（ex）、百分比（%）等這些單位，可以將它們歸結為兩大類別：
第一類，就是絕對長度單位；
第二類，就是相對長度單位。
2、絕對長度單位
絕對長度單位，它就是乙個固定的值，乙個真實的物理值，它不隨裝置或者受別的因素影響的長度單位。
具體的絕對長度單位主要包括以下幾個：
1）、cm，厘公尺：乙個長度計量單位，1m=100cm。
2）、mm，公釐：與厘公尺一樣，也是乙個長度計量單位，1cm=10mm；公釐同時還是降雨量的計量單位。
3）、in，英吋：這個是美國尺子上都有的單位，1英吋=2.54厘公尺，12英吋=1英吋。
4）、pt，點（points）：乙個印刷度量單位，1英吋相當於72點，例如，將元素p設定為24點的話，就是1英吋的三分之一（1/3）；
5）、pc，派卡（picas）：乙個印刷術語，1派卡相當於12點，6派卡相當於1英吋。
當然，這些單位都是絕對長度單位，在我們的web開發中，運用比較少，主要是因為絕對長度單位不利於頁面螢幕的渲染，他們更多的是被用在印刷、列印等方向。
3、相對長度單位
相對長度單位，例如，px，em，ex，rem；這些都是相對長度單位。
1）px，畫素：px是相對於顯示器螢幕解析度而言。用px設定字型大小時，可能比較穩定和精確。但是這種方法存在一些問題，例如：ie無法調整那些使用px作為單位的字型大小；國外的大部分**能夠調整的原因在於其使用了em或rem作為字型單位；firefox能夠調整px和em，rem，但是96%以上的中國網民還是喜歡使用ie瀏覽器。為了保證使用者體驗和web頁面效果，所以在web開發中還引入了「em」這個長度單位。
2）em，元素的字型高度：em是相對于父元素的屬性值而計算的，所以em是非具體的數值。它需要乙個參考點，一般都是以的「font-size」為基準。任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合：1em= 16px。有時為簡化font-size的換算，需要在css中的body選擇器中宣告font-size=62.5%,此時1em=16px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說換算時只需將原有px數值除以10，然後換上em作為單位即可。 em 的值並不是固定的；em的值會繼承父級元素的字型大小。
3）ex，所有字型元素中小寫x的高度：這個主要與字型有關，不同的字型，即使設定了相同的字型大小，但是ex的值也有可能不同，主要是因為字型的x高度可能不同。不過這個在我們實際開發中運用比較少，一般設定em後，ex就會預設為em的一半，也有為計算方便，將1ex假設等於0.5em,原因在於，大多數的字型的小寫字母都是相應大寫字母高度的一半。
4）rem，元素字型高度：與em相比較多了乙個"r"，是css3新增的乙個相對單位，是root em，簡寫rem，這個單位與em的區別在於，使用rem為元素設定字型大小時，rem相對的只是html根元素。通過rem，既可以做到只修改根元素就可以成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。 目前，除ie9以下的版本外，所有瀏覽器均已支援rem。
另外，我們在開發中還需要注意兩點：
第一，若rem沒有在根元素（html字型）指定參照值，那瀏覽器預設1 rem就是16px,若rem有指定值，則1rem就是等於指定值 。
第二，html設定為62.5%或者10px時會失效，是因為小於12px或者75%的字型大小不支援換算。這可能與有些瀏覽器不支援12px以下的大小有關。所以，使用rem單位，html的字型預設字型大小必須設定為12px或以上。若小於12px則瀏覽器換算時自動預設字型為12px。
web開發中的常用單位
em 相對于父元素計算當前物件內文字的字型尺寸。rem 相對於根元素html元素font size的倍數，計算大小。vw 相對於視口的寬度計算大小。vh 相對於視口的高度計算大小。vmin 以螢幕寬為邊長的正方形。vmax 以螢幕高為邊長的正方形。相對于父元素的百分比值。css3 calc css中...
前端開發中的長度單位詳解
在前端開發中，會遇到各種不同型別的長度單位，比如px,em,rem等。而整體的長度單位分為兩大類 相對長度和絕對長度。絕對長度單位是乙個固定的值，它反應乙個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境 顯示器 解析度 作業系統等 相對長度都有乙個基準 其中，px,em和rem用的較多。需...
CSS中的長度單位
在css中存在眾多的長度單位，它們又有什麼意思與用途呢？在css中，長度單位分為兩種，絕對長度與相對長度 絕對長度 px,cm,in,mm,pt,px,px 相對長度 em,rem,vh,vw,vmin,vmax,fr 絕對長度 px 即畫素pixel，它是最基礎也是最常用的乙個長度單位 cm 即厘...