這篇文章主要介紹CSS中單位關鍵字有哪些,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)-專業(yè)網站定制、快速模板網站建設、高性價比臨翔網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式臨翔網站制作公司更省心,省錢,快速模板網站建設找我們,業(yè)務覆蓋臨翔地區(qū)。費用合理售后完善,十余年實體公司更值得信賴。px:像素(pixel)相對長度單位,,是相對于屏幕顯示器分辨率而言的;
em:em的值并不是固定的,會集成父級元素的字體大??;
注意:
1.body選擇其中聲明Font-size=62.5%;
2.將原來的px數(shù)值除以10,然后換上em作為單位;
3.重新計算那些被放大的字體的em數(shù)值。避免字體大小的重復聲明。
任何瀏覽器默認字體大小都是16px,所有未經調整的瀏覽器都符合1em=16px,南無0.75em=12px,10px=0.625em。為了簡化Font-size的換算,需要在css中的body選擇器中聲明Font-size=62.5%,這就使em的值變?yōu)?6px*62.5%=10px,這樣12px就是1.2em,10px就是1em,也就是將原來的px數(shù)值除以10換上em的單位就可以了。
rem:相對單位,(root em 即rem),使用rem為單位設置字體大小時,是相對于HTML根元素的大 小,可通過該根元素就成比例的修改調整所有字體大小,一般用的時候都是寫在body或html上面,例:
body{font-size:625%;}
也就是1rem=100px;
不過在寫項目的時候最好搭配媒體查詢一起,比如:
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:相對于視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin(即vm)。
以上是“CSS中單位關鍵字有哪些”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
標題名稱:CSS中單位關鍵字有哪些-創(chuàng)新互聯(lián)
文章地址:http://www.rwnh.cn/article20/pcpjo.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站收錄、商城網站、動態(tài)網站、網站內鏈、外貿網站建設、移動網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容