標簽:
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"]
}
如圖:
修改之后基准數就改變了:
注:參數配置文件默認什么都沒有寫,就是默認設置!修改時將對應內容輸入即可!!