css3中增加了一些新單位分別是什么

小編給大家分享一下css3中增加了一些新單位分別是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

css3中引入了一些新的單位：

ch：字符0（零）的寬度；

rem：根元素（html元素）的font-size；

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

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

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

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

deg-角度

顯然vw、vh、vmin是針對移動設(shè)備的，如果視窗大小變化了，這三個值也會跟著相應(yīng)的變化。

rem單位感覺就是px+em的變體，是否值得使用還要看你自己的取舍：沒有px精確也沒有em靈活——或者說，比px靈活，比em更精確～～……XD……

如果沒有定義font-size怎么辦？

其實不用擔(dān)心，傳說，各個瀏覽器史無前例的默認(rèn)font-size:16px;，所以，即便你在樣式文件中忘了定義font-size初始值，也可以放心的使用em、rem。

瀏覽器支持：

rem，各瀏覽器基本都支持了， IE9+、FF3.6+、Chrome、Safari 5+、以及 Opera 11.6+vw、vh、vmin，瀏覽器支持并不樂觀，IE9支持了，Chrome目前不支持，Chrome 20將會重新支持（貌似之前支持過？）、Safari也即將支持了吧，Opera和Firefox也還都不支持。

以上是“css3中增加了一些新單位分別是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！