十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
小編給大家分享一下css3中增加了一些新單位分別是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css3中引入了一些新的單位:
ch:字符0(零)的寬度;
rem:根元素(html元素)的font-size;
vw:viewpoint width,視窗寬度,1vw等于視窗寬度的1%;
vh:viewpoint height,視窗高度,1vh等于視窗高度的1%;
vmin:vw和vh中較小的那個(gè)。
vmain:vw和vh中較大的那個(gè)。
deg-角度
顯然vw、vh、vmin是針對(duì)移動(dòng)設(shè)備的,如果視窗大小變化了,這三個(gè)值也會(huì)跟著相應(yīng)的變化。
rem單位感覺(jué)就是px+em的變體,是否值得使用還要看你自己的取舍:沒(méi)有px精確也沒(méi)有em靈活——或者說(shuō),比px靈活,比em更精確~~……XD……
如果沒(méi)有定義font-size怎么辦?
其實(shí)不用擔(dān)心,傳說(shuō),各個(gè)瀏覽器史無(wú)前例的默認(rèn)font-size:16px;,所以,即便你在樣式文件中忘了定義font-size初始值,也可以放心的使用em、rem。
瀏覽器支持:
rem,各瀏覽器基本都支持了, IE9+、FF3.6+、Chrome、Safari 5+、以及 Opera 11.6+vw、vh、vmin,瀏覽器支持并不樂(lè)觀,IE9支持了,Chrome目前不支持,Chrome 20將會(huì)重新支持(貌似之前支持過(guò)?)、Safari也即將支持了吧,Opera和Firefox也還都不支持。
以上是“css3中增加了一些新單位分別是什么”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。