相對(duì)于字體的單位###
em####
相對(duì)單位,參考物是父元素的font-size,瀏覽器的默認(rèn)值是16px,那么1em = 16px徒扶。
body {
font-size: 62.5%;
}
// 這樣之后 1em = 10px
ex與ch####
這兩個(gè)單位時(shí)根據(jù) **當(dāng)前font-family **的相對(duì)單位。
ch 字符0的寬度
ex 小寫字符x的高度
當(dāng)font-family改變的時(shí)候這兩個(gè)單位的值也會(huì)變化根穷,不同字體表現(xiàn)的樣式不一樣姜骡。
rem####
rem支持IE9及以上导坟,意思是相對(duì)于根元素html(網(wǎng)頁),不會(huì)像em那樣圈澈,依賴于父元素的字體大小惫周,而造成混亂。
相對(duì)于窗口的單位###
vh和vm####
vw Viewport寬度康栈, **1vw **等于viewport寬度的1%
vh Viewport高度递递, **1vh **等于viewport高的的1%
vmin與vmax####
IE10+ 和現(xiàn)代瀏覽器都已經(jīng)支持vmin
webkit瀏覽器之前不支持vmax,新版已經(jīng)支持谅将,所有現(xiàn)代瀏覽器已經(jīng)支持漾狼,但是IE **全部 **不支持vmax
vmin vw和vh中比較 小 的值
vmax vw和vh中比較 大的值
絕對(duì)單位###
in、cm饥臂、mm、pt似踱、pc####
1in = 2.54cm = 254mm = 6pc = 72pt