css常見機關px、em、rem、vh、vw、vmin、vmax說明

1、px

相對機關，像素，相對于顯示器螢幕分辨率而言

2、em

相對機關，相對于父元素的font-size，具有繼承的特點。如果自身定義了font-size按自身來計算，整個頁面内1em不是一個固定的值

3、rem

相對機關，可了解為”root em”， 相對根節點html的字型大小來計算，CSS3新加屬性

4、vw

vw：viewpoint width，視窗寬度，1vw等于視窗寬度的1%。

5、vh

vh：viewpoint height，視窗高度，1vh等于視窗高度的1%。

6、vmin

vmin：vw和vh中較小的那個。

7、vmax

vmax：vw和vh中較大的那個。

其它：

in:寸

cm:厘米

mm:毫米

pt:point，大約1/72寸

pc:pica，大約6pt，1/6寸

1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px