1. 程式人生 > >px與rem的轉換

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 這樣啦。