如何計算rem

Photo by Jan Piatkowski on Unsplash

首先呢,假如是負責既有的專案的話,就找它的html 的 font-size是什麼
現在負責的專案是10vw,所以就看目前的視窗大小(右鍵F12點body,會在左下顯示大小)
看了一下是1920,所以1920 / 10 = 192
剛剛做了一個width 10vw的 div block,看出它的寬度也是這個大小沒錯!

假設有設計稿的話,更簡單,目前拿到的設計稿是1336,所以就把設計稿改成1920大小,再拿它的px值丟到下面網頁上
(因為我做的專案是到任何大小都是填滿整個畫面,不同專案不同情況,有的專案可能要改畫布大小但原本畫面不動)
所以就可以打開我的萬用網頁:
REM Calculator | Umbraco Gold Partner – Offroadcode Limited
用這個就可以得到rem的值來玩了