在開發h5頁面時,我們需要使用到rem
單位,那麼vscode中如何將px
轉rem
呢?
此處我選擇的是px to rem插件,使用步驟:
- 安裝px to rem插件;
- 然後在設置->用戶設置中->擴展中找到**px to rem **
- 或者直接在setting.json中配置:
"px-to-rem.px-per-rem": 75,
"px-to-rem.number-of-decimals-digits": 4,
- 然後在樣式文件中編輯
width:200px
,按快捷鍵ALt+Z即可轉爲width:2.6667rem;
注意:
- 我這裏設置的基準值是
75
,因爲默認的設計稿的寬度爲750px
; - 具體的細節可以直接查看插件細節介紹。