欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

sublime text 3将px换算为rem的插件的安装及使用

程序员文章站 2022-03-11 14:20:43
...
rem这个单位对于移动端来说是比较强大的,所以这里给大家介绍sublime text 3将px换算为rem的插件的安装及使用,只要安装了这个插件,输入多少px,sublime就会提示相应的rem值,就不用自己去计算了!!

1.首先在这个地址:https://github.com/hyb628/cssrem.git 下载插件

sublime text 3将px换算为rem的插件的安装及使用

2.将下载的插件将其解压,并且打开sublime,找到:Sublime Text -> Preferences -> Browse Packages,将解压好的文件夹放入打开的文件下

sublime text 3将px换算为rem的插件的安装及使用

3.这个时候插件就安装好了,再css中输入一个我们想要的数值,就会有对应的提示:

sublime text 3将px换算为rem的插件的安装及使用

enter之后就自动换算:

sublime text 3将px换算为rem的插件的安装及使用

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

如图:
sublime text 3将px换算为rem的插件的安装及使用

修改之后基准数就改变了:

sublime text 3将px换算为rem的插件的安装及使用微信