1.px : 像素
2.em : 一個字體的寬度
3.rem : 依據html根節點的font-size大小,比如根節點font-size:16px,1rem = 16px
4.百分比 : 百分比是相對值,相對于父級的寬度或高度
5.vw : 以視窗寬度為基準,1vw表示視窗寬度的百分之一
vh : 以視窗高度為基準,1vh表示視窗高度的百分之一
- vmax : 以視窗尺寸為基準,如果視窗的寬度大于高度,則1vmax為視窗寬度的百分之一;反之,則是視窗高度的百分之一。
同理,vmin: 以視窗尺寸為基準,如果視窗的寬度xiao于高度,則1vmax為視窗寬度的百分之一;反之,則是視窗高度的百分之一。
其他的還有一些絕對長度單位,也是css中的,比如英寸in,厘米cm,毫米mm,派卡pc,點pt,1/4毫米q。
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
此外還有兩個比較特殊的單位:ex,ch;
ex專指字母x在網頁的高度;
ch專指數字0在網頁的寬度;