這篇文章主要介紹CSS中單位關(guān)鍵字有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元廣靈做網(wǎng)站,已為上家服務(wù),為廣靈各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

px：像素（pixel）相對(duì)長(zhǎng)度單位，，是相對(duì)于屏幕顯示器分辨率而言的；

em：em的值并不是固定的，會(huì)集成父級(jí)元素的字體大??；

注意：

1.body選擇其中聲明Font-size=62.5%；

2.將原來(lái)的px數(shù)值除以10，然后換上em作為單位；

3.重新計(jì)算那些被放大的字體的em數(shù)值。避免字體大小的重復(fù)聲明。

任何瀏覽器默認(rèn)字體大小都是16px，所有未經(jīng)調(diào)整的瀏覽器都符合1em=16px，南無(wú)0.75em=12px，10px=0.625em。為了簡(jiǎn)化Font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em的值變?yōu)?6px*62.5%=10px，這樣12px就是1.2em，10px就是1em，也就是將原來(lái)的px數(shù)值除以10換上em的單位就可以了。

rem：相對(duì)單位，（root em 即rem），使用rem為單位設(shè)置字體大小時(shí)，是相對(duì)于HTML根元素的大 小，可通過(guò)該根元素就成比例的修改調(diào)整所有字體大小，一般用的時(shí)候都是寫(xiě)在body或html上面，例：

body{font-size:625%;}

也就是1rem=100px；

不過(guò)在寫(xiě)項(xiàng)目的時(shí)候最好搭配媒體查詢一起，比如：　

　　html{font-size:10px}　　　　　　//10px==62.5%

　　@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}

　　@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}

　　@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}

　　@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}

　　@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}

　　@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}

　　@media screen and (min-width:800px){html{font-size:25px}}

vw：視口的最大寬度，1vw=視口寬度的百分之一；

vh：視口得最大高度，1vh=視口高度的百分之一；

vmin/vm：相對(duì)于視口的寬度或高度中較小的那個(gè)。其中最小的那個(gè)被均分為100單位的vmin（即vm）。

以上是“CSS中單位關(guān)鍵字有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！