[css] CSS3中的單位

FROM http://www.qianduan.net/understand-the-unit-of-length-in-the-css.html

CSS3中的單位：

css3中引入了一些新的單位：
ch——字符0(零)的寬度；
rem——根元素(html元素)的font-size；
vw——viewpoint width，視窗寬度，1vw等於視窗寬度的1%；
vh——viewpoint height，視窗高度，1vh等於視窗高度的1%；
vmin——vw和vh中較小的那個。
顯然vw、vh、vmin是針對移動設備的，若是視窗大小變化了，這三個值也會跟着相應的變化。
rem單位感受就是px+em的變體，是否值得使用還要看你本身的取捨：沒有px精確也沒有em靈活——或者說，比px靈活，比em更精確～～。。。XD。。。
若是沒有定義font-size怎麼辦？

其實不用擔憂，傳說，各個瀏覽器前所未有的默認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也還都不支持。