css單位

css有幾個不一樣的單位表示長度

一些設置css長度的屬性有 width，height，margin，padding等

長度有一個數字和單位組成 如10px，2em，等。
數字與單位之間不能出現空格。若是長度值爲 0，則能夠省略單位。

對於一些 CSS 屬性，長度能夠是負數。

有兩種類型的長度單位：相對和絕對。

相對長度

對於一些 CSS 屬性，長度能夠是負數。

有兩種類型的長度單位：相對和絕對。

相對長度

相對長度單位指定了一個長度相對於另外一個長度的屬性。對於不一樣的設備相對長度更適用。

1.em

em 是一個相對單位。起初排版度量時是基於當前字體大寫字母」M」的尺寸的。當改變font-family時，它的尺寸不會發生改變，但在改變font-size的大小時，它的尺寸就會發生變化。

**在沒有任何CSS規則的前提下，1em的長度是：
1em == 16px == 0.17in == 12pt == 1pc == 4.2mm == 0.42cm**

若是有任何CSS規則改變了字體大小（無論在文檔的什麼位置），1em的長度會變成相對於新的font-size的大小。

2.rem

rem和em同樣也是一個相對單位，可是和em不一樣的是rem老是相對於根元素(如:html{})，而不像em同樣使用級聯的方式來計算尺寸。這種相對單位使用起來更簡單。

3.vw

vw是可視區寬度單位。1vw等於可視區寬度的百分之一。vw單位跟百分比很類似，不一樣的是vw的值對全部的元素都同樣，與他們父元素或父元素的寬度無關。有點像rem單位那樣老是相對於根元素。

viewpoint width，視窗寬度，1vw=視窗寬度的1%

4.vh
vh和vw（viewport widht）單位同樣，不一樣的是vh是相對於可視區的高度。

viewpoint height，視窗高度，1vh=視窗高度的1%

5.vmin
vmin的值是當前vw和vh中較小的值。在標準尺寸類型的使用實例中，和由本身肯定屏幕大小的vw、vh單位相比，vmin是一個更有用的度量標準。

6.vmax

Vmax的值是vw和vh中的較大的值。

7.%

以百分比爲單位的長度值是基於具備相同屬性的父元素的長度值。

絕對長度

絕對長度單位是一個固定的值，它反應一個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境（顯示器、分辨率、操做系統等）。

px

像素或許被認爲是最好的「設備像素」，而這種像素長度和你在顯示器上看到的文字屏幕像素無關。px其實是一個按角度度量的單位。

我這邊給你們一個地址，能夠換算單位
http://pxtorem.com/

好啦，今天就聊到這裏，以爲對您有幫助的話，點個關注再走唄

若有不足，請多多指教

vx：bsl521921