px:畫素
px單位的名稱為畫素，它是乙個固定大小的單元，畫素的計算是針對（電腦/手機）螢幕的，乙個畫素（1px）就是（電腦/手機）螢幕上的乙個點，即螢幕解析度的最小分割。由於它是固定大小的單位，單獨用它來設計的網頁，如果適應大螢幕（電腦），在小螢幕（手機）上就會很不友好，做不到自適應的效果。
em:相對長度單位
em單位用的也比較多，特別是國外；em單位的名稱為相對長度單位，它是用來設定文字的字型尺寸的，相對於父級元素物件內文字的字型尺寸；如果沒有人為設定當前物件內文字的字型尺寸，那麼它相對的是瀏覽器預設的字型尺寸（16px）。
rem: css3的相對長度單位
rem是css3新增的乙個相對長度單位，它的出現是為了解決em的缺點，em可以說是相對於父級元素的字型大小，當父級元素字型大小改變時，又得重新計算。rem出現就可以解決這樣的問題，rem只相對於根目錄，即html元素。所以只要在html標籤上設定字型大小，文件中的字型大小都會以此為參照標準，一般用於自適應布局。
%：百分比
%也很常見，它和em差不多一樣，都是相對於父級元素。但%可以在很多屬性中使用，比如：width、height、font-size等。而em是用來設定字型大小（font-size）的單位，width、height等屬性是沒有em單位的。
一般來說：1em=1rem=100%=16px 字型單位
視口 ：桌面端視口指的是瀏覽器的可視區域，移動端涉及到三個視口，分別是layout viewport/visual viewport/ideal viewport，視口單位的視口指的是layout viewport
視口單位：
vw :視口的最大寬度，1vw = 視口寬度的1%
vh :視口的最大高度，1vh = 視口高度的1%
vmin :選取 vw 和 vh 中最小的那個
vmax :選取 vw 和 vh 中最大的那個
視口單位和%的區別：視口依賴的是視口的尺寸，%相對的是父級元素
網頁元素 字型相對單位
rem 相對html的font size單位，在使用rem前要先設定根元素的單位 根元素 html 使用時 p 32px em 相對當前物件文字單位尺寸，如果當前物件沒有設定預設文字尺寸，則相對於瀏覽器預設字型尺寸 當前物件尺寸 body 使用時 p 32px vw vh vmax vmin 相對於...
網頁元素 字型相對單位
rem 相對html的font size單位，在使用rem前要先設定根元素的單位 根元素 html 使用時 p 32px em 相對當前物件文字單位尺寸，如果當前物件沒有設定預設文字尺寸，則相對於瀏覽器預設字型尺寸 當前物件尺寸 body 使用時 p 32px vw vh vmax vmin 相對於...
CSS中常見的長度單位
px 是 css 中最常用的長度單位，可以用來指定字型大小，元素的寬度 高度 邊框 內邊距，外邊距的大小等等,它是乙個虛擬長度單位，是計算機系統的數位化影象長度單位，如果px要換算成物理長度，需要指定精度dpi px 單位的值必須是整數值 in 表示英吋，是乙個物理單位，在css中被直接對映成為px...