1. px 像素(Pixel)
相對(duì)長度單位籍胯。像素 px 是相對(duì)于顯示器屏幕分辨率而言的
2. em 是相對(duì)長度單位
相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸沪摄。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置哲鸳,則相對(duì)于
瀏覽器的默認(rèn)字體尺寸颈娜,最初是指字母 M 的寬度镊讼,故名 em∑ノ瑁現(xiàn)指的是字符寬度的倍數(shù)膀藐。
3. rem
是 CSS3 新增的一個(gè)相對(duì)單位屠阻,相對(duì)的只是 HTML 根元素,可以只修改根元素就可以成比
例地調(diào)整所有字體大小额各,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)国觉。兼容性 IE9+都可以兼
容。
4. pt (point虾啦,磅)
是一個(gè)物理長度單位麻诀,指的是 72 分之一英寸。pt=1/72(英寸), px=1/dpi(英寸)
注:一個(gè) px傲醉、em蝇闭、pt 單位轉(zhuǎn)換工具地址:http://pxtoem.com/
5. vh and vw
用視口(viewpoint)的寬度或者高度。1vh 等于 1/100 的視口高度硬毕。栗子:瀏覽器高度
900px, 1 vh = 900px/100 = 9 px呻引。同理,如果視口寬度是 750吐咳, 1vw = 750px/100 = 7.5
px逻悠。