vscode怎么更改rem

vscode怎么更改rem

vscode怎么更改rem?

在開發(fā)h5頁面時,我們需要使用到rem單位,那么vscode中如何將px轉(zhuǎn)rem呢?

相關(guān)推薦:vscode教程

此處我選擇的是px to rem插件,使用步驟:

首先安裝px to rem插件;

然后在設(shè)置->用戶設(shè)置中->擴(kuò)展中找到**px to rem **

vscode怎么更改rem

或者直接在setting.json中配置:

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

然后在樣式文件中編輯width:200px,按快捷鍵ALt+Z即可轉(zhuǎn)為width:2.6667rem;

注意:

我這里設(shè)置的基準(zhǔn)值是75,因?yàn)槟J(rèn)的設(shè)計稿的寬度為750px;

具體的細(xì)節(jié)可以直接查看插件細(xì)節(jié)介紹。

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊7 分享