sublime text 3將px換算為rem的插件的安裝及使用


標簽:

rem這個單位對於移動端來說是比較強大的,所以這里給大家介紹sublime text 3將px換算為rem的插件的安裝及使用,只要安裝了這個插件,輸入多少px,sublime就會提示相應的rem值,就不用自己去計算了!!

1.首先在這個地址:https://github.com/hyb628/cssrem.git  下載插件

技術分享

2.將下載的插件將其解壓,並且打開sublime,找到:Sublime Text -> Preferences -> Browse Packages,將解壓好的文件夾放入打開的文件下

技術分享

3.這個時候插件就安裝好了,再css中輸入一個我們想要的數值,就會有對應的提示:

技術分享

enter之后就自動換算:

技術分享

4.這里的40是插件默認的基准值,我們可以根據自己的需求來改:

在Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user中設置,輸入以下參數配置,可以修改基准數和換算后的小數的多少:

{
    "px_to_rem": 60, //px轉rem的單位比例,默認為40
    "max_rem_fraction_length": 6, //px轉rem的小數部分的最大長度。默認為6。
    "available_file_types": [".css", ".less", ".sass",".html"]
    //啟用此插件的文件類型。默認為:[".css", ".less", ".sass"]
}

如圖:
技術分享

修改之后基准數就改變了:

技術分享

 

注:參數配置文件默認什么都沒有寫,就是默認設置!修改時將對應內容輸入即可!!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM