px與rem的轉換

1、那麼若是你肯定要使用rem單位，就按如下三個步驟來計算：


1、肯定基數：通常10px，本身記住就行，不用寫進代碼裏


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


　　基數10    百分數62.5%


　　基數14    百分數87.5%


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


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


　　（若是本身想要測試的話，拿火狐Firebug測試，由於Chrome下字號低於12px失效哈，若是想設置小於12px的字號，Chrome也有解決方案，本身百度就好）


 


2、若是使用em單位的時候，計算機就會本身去找你body的設置，纔不會管你html是如何設置的呢


好比咱們偉大的bootstrap給 body {font-size:14px;} 這樣設置後，若是我想要一個14px的外邊距，我就用14px/14px——1em 這樣啦