px與rem的轉換


一、那么如果你確定要使用rem單位,就按以下三個步驟來計算:


1、確定基數:一般10px,自己記住就行,不用寫進代碼里


2、html {font-size:百分數;}    百分數=基數/16  


  基數10    百分數62.5%


  基數14    百分數87.5%


3、px換算rem   公式=想要的px值/基數


  也就是說,當你設置 html {font-size:62.5%;},你想給容器里的文字設置字號14px,換算成rem就是14px/10——1.4rem 這樣子


  (如果自己想要測試的話,拿火狐Firebug測試,因為Chrome下字號低於12px失效哈,如果想設置小於12px的字號,Chrome也有解決方案,自己百度就好)


 


二、如果使用em單位的時候,計算機就會自己去找你body的設置,才不會管你html是如何設置的呢


比如我們偉大的bootstrap給 body {font-size:14px;} 這樣設置后,如果我想要一個14px的外邊距,我就用14px/14px——1em 這樣啦

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM