在移動端開發時，我們常常要使用rem適配頁面元素大小。那么如何把px轉為rem單位就是必做的換算。我們有2種方式快速的解決這個問題：
1.使用less，因為less支持變量和運算。
2.使用VS Code的第三方插件：cssrem，它能自動幫我們把px為單位的數據，轉換成rem單位的數據
接下來就介紹下該插件的使用方法。
一、安裝
與安裝其他插件沒有差別，只需要打開VS Code的擴展窗口，然后在搜索框中輸入cssrem，回車，即可搜索到該插件，安裝之。如下圖所示：
二、使用
如果是低版本的VS Code，你需要重啟下VS Code編輯器，高版本的不需要。
接下來，在任何樣式文件中，只要輸入帶有px單位的數據，都會出現單位轉換的只能提示框。如下圖所示：
使用非常簡單。
三、修改默認的html的font-size大小
同使用，我們發現這里的轉換系數，也就是html的font-size默認是16px。假如我們的項目，其適配方案不是這樣的，你會發現，無論你如何在css中設置html的font-size屬性值，也不起作用，這是因為cssrem插件在安裝時有一個配置參數，我們不管開發什么項目，開發任何頁面，在使用該插件進行px→rem轉換的時候，都是以這個配置的數據作為轉換的系數標准的，而不是你當前頁面的html的font-size大小為依據的。所以就需要修改插件默認的html的font-size。接下來我們就來說說如何修改這個默認的font-size。
修改這個值有2種操作方法。先來看第一種。
方法一、代碼化的修改方式.
這個值是需要在VS Code的settings.json文件中修改的。所以第一步是打開此文件。方法非常簡單：
首先使用快捷鍵 ctrl + shift + p打開命令搜索面板。你也可以通過鼠標，手動打開，操作步驟如下圖：
然后，在打開的命令搜索面板中，輸入settings。並在下拉備選框中，選擇“首選項：打開設置(json)"。如下圖所示：
這樣你就打開了settings.json文件，大概就是下圖所示的樣子：
接下來，我們需要往該配置文件中寫一些代碼，來修改cssrem默認的字號。當然，你可以在這里直接手敲代碼，但是，朕記不住啊。。。
沒關系，我們可以復制粘貼。跟我來做。
仍然是通過點擊VS Code左下角的齒輪圖標，選擇”設置“。如下圖所示：
此時，你會看到設置窗口。你需要在設置窗口的搜索框中輸入cssroot，點回車會有一個匹配項。請按下圖操作
把鼠標移動到搜索出來的這一項上，就會有一個小齒輪圖標顯示（鼠標不移動到這一個匹配項上是不會顯示此齒輪的）。
鼠標左鍵點擊該齒輪圖標，會顯示一個菜單，選擇“將設置復制為JSON文本”。
現在，你就把需要在settings.json里配置的cssrem插件的html字號大小的代碼復制過來了。
最后，再回到settings.json文件中，在最后一行，使用ctrl + v把上一步復制的代碼粘貼進來。如下圖所示，並把字號的值設定為你項目所需要的值。比如這里是75px，那么就寫75。
注意：這里不要帶px。
到這里，插件就配置完畢了。現在必須重啟VS Code。當我們再次打開項目，輸入帶有px單位的數據時，就能按照75的系數來轉換對應的rem值了。如下圖所示：
方法二、圖形界面下修改方法
仍然是先通過VS Code左下角的齒輪狀“管理”按鈕，打開設置窗口。
然后在設置窗口下，通過“用戶”標簽，找到“擴展”選項，把此選項展開，找到“cssrem”，鼠標左鍵點擊此項，在右邊的屬性窗口中找到Root Font Size屬性，在其文本框中輸入你想要的字號就行了。如圖所示：
方法三、最簡單的做法
以上方法都太復雜了，最后是推薦做法，也是最簡單的做法。不多說了，直接看圖：
修改完了root font size的值，必須重啟VS Code方能生效。