換算

囧囧圖圖發表於2019-02-28

rem(font size of the root element)是指相對於根元素的字型大小的單位 1)如果

  html{font-size:14px;}

  那麼

  在網頁中我想設定一個42px的寬度,就可以用42/14=3rem;

  在網頁中我想設定一個70px的寬度,就可以用42/14=5rem;

  在網頁中我想設定一個90px的寬度,就可以用42/14=6.42rem;

  (2)如果html標籤沒有設定font-size,那麼預設是1rem=16px;

  建議是html,body{font-size:62.5%;}

  這樣的話,在設定其他樣式的時候方便多了,1rem=10px;

  我想設定一個20px的寬,那麼就是2rem;

  我想設定一個8px的高,那麼就是0.8rem;

相關文章