css中長度單位有很多，可謂五花八門，但可分為這兩類：
絕對長度單位
彼此固定，不會因為其他元素的尺寸變化而變化。主要有cmmmqinpcptpx相對長度單位
指定相對於另一長度的長度。主要有emexchrem%和可視區百分比長度單位vmvhvminvmaxpx單位名稱為畫素，畫素或許被認為是最好的「裝置畫素」，而這種畫素長度和你在顯示器上看到的文字螢幕畫素無關。px實際上是乙個按角度度量的單位。
in英吋是乙個物理度量單位，但是在css領域，英吋被直接對映成畫素。1in == 96px
cm厘公尺，也被直接對映成畫素。1cm == 37.8px
mm公釐，1mm == 0.1cm == 3.78px
point pt是乙個物理度量單位，1pt=1/72 in
pica pc和points一樣，只不過1pc=12pt。
em 是乙個相對單位。起初排版度量時是基於當前字型大寫字母」m」的尺寸的。當改變font-family時，它的尺寸不會發生改變，但在改變font-size的大小時，它的尺寸就會發生變化。在沒有任何css規則的前提下，1em的長度是：1em == 16px == 0.17in == 12pt == 1pc == 4.2mm == 0.42cm。
rem和em一樣也是乙個相對單位，但是和em不同的是rem總是相對於根元素(如:root{})，而不像em一樣使用級聯的方式來計算尺寸。這種相對單位使用起來更簡單。值得注意的瀏覽器支援問題： ie8，, safari 4或 ios 3.2中不支援rem單位。
vw是可視區寬度單位。1vw等於可視區寬度的百分之一。vw單位跟百分比很相似，不同的是vw的值對所有的元素都一樣，與他們父元素或父元素的寬度無關。有點像rem單位那樣總是相對於根元素。
vh和vw（viewport widht）單位一樣，不同的是vh是相對於可視區的高度。
vmin的值是選取 vw 和 vh 中最小的那個。在標準尺寸型別的使用例項中，和由自己確定螢幕大小的vw、vh單位相比，vmin是乙個更有用的度量標準。
vmax的值是選取 vw 和 vh 中最大的那個。值得注意的瀏覽器支援問題：webkit核心的瀏覽器支援vmin，不支援vmax。但是firefox支援vmax。
在一般的pc端網頁製作過程中，一般直接用px為單位，在移動端由於vw,vh單位的相容性，目前一般採用rem + %或者rem + vw/vh。
css 長度單位
畫素 螢幕 顯示器 實際上是由乙個乙個的小點點構成的 不同螢幕的畫素大小是不同的，畫素越小的螢幕顯示的效果越清晰 所以同樣的200px在不同的裝置下顯示效果不一樣 百分比 也可以將屬性值設定為相對於其父元素屬性的百分比 設定百分比可以使子元素跟隨父元素的改變而改變 doctype html en u...
CSS的長度單位
css相對長度單位中的相對二字，表明了其長度單位會隨著它的參考值的變化而變化，不是固定的。以下是css相對長度單位列表 css相對長度單位 說明em 元素的字型高度the height of the element s font ex字母x的高度the height of the letter x ...
CSS 的長度單位
長度單位包括包括 相對單位和絕對單位。相對長度單位包括有 em,ex,ch,rem,vw,vh,vmax,vmin 絕對長度單位包括有 cm,mm,q,in,pt,pc,px em相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。ex...