vscode中如何將px轉rem

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

此處我選擇的是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,
  1. 然後在樣式文件中編輯width:200px,按快捷鍵ALt+Z即可轉爲width:2.6667rem;

注意:

  • 我這裏設置的基準值是75,因爲默認的設計稿的寬度爲750px
  • 具體的細節可以直接查看插件細節介紹。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章