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

標籤:css

rem這個單位對於移動端來講是比較強大的,因此這裏給你們介紹sublime text 3將px換算爲rem的插件的安裝及使用,只要安裝了這個插件,輸入多少px,sublime就會提示相應的rem值,就不用本身去計算了!!html

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

技術分享

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

技術分享

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

技術分享

enter以後就自動換算:less

技術分享

4.這裏的40是插件默認的基準值,咱們能夠根據本身的需求來改:插件

在Sublime Text -> Preferences -> Package Settings -> cssrem->Settings-user中設置,輸入如下參數配置,能夠修改基準數和換算後的小數的多少:ssr

{
    "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"]
}htm

如圖:
技術分享rem

修改以後基準數就改變了:

技術分享

 

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

相關文章
相關標籤/搜索