首頁  >  文章  >  開發工具  >  vscode怎麼更改rem

vscode怎麼更改rem

藏色散人
藏色散人原創
2019-12-18 11:39:084727瀏覽

vscode怎麼更改rem

vscode要怎麼更改rem?

在開發h5頁面時,我們需要使用到rem單位,那麼vscode中要如何將px轉rem呢?

相關推薦:vscode教學

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

先安裝px to rem插件;

然後在設定->使用者設定中->擴充中找到**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即可轉為width:2.6667rem;

注意:

我這裡設置的基準值是75,因為預設的設計稿的寬度為750px;

具體的細節可以直接查看插件細節介紹。

以上是vscode怎麼更改rem的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn