vscode如何將px轉換為rem

這里選擇的是px to rem插件，使用步驟：

1、首先，安裝px to rem插件；

2、然后，在設置->用戶設置中->擴展中找到【px to rem】；

如圖：

3、或者直接在setting.json中配置

"px-to-rem.px-per-rem": 75, "px-to-rem.number-of-decimals-digits": 4,

4、最后，在樣式文件中編輯width：200px，按快捷鍵ALt+Z即可轉為width:2.6667rem；

注意：

這里設置的基準值是75，因為默認的設計稿的寬度為750px。

相關文章教程推薦：vscode教程