在移动页面的开发中,我们通常采用rem来做适配,但是每次进行计算特别麻烦,也会大大降低我们的开发效率,为了提高开发效率,我们可以使用CSSREM插件。
CSSREM简介
一个CSS的px值转rem值的Sublime Text 自动完成插件。插件效果如下:
![](http://upload-images.jianshu.io/upload_images/1986502-c1878b637cb92bf1.gif?imageMogr2/auto-orient/strip%7CimageView2/2/w/400)
安装
下载本项目,他是一个压缩的文件包,下载后直接解压即可https://github.com/flashlizi/cssrem
进入packages目录:Sublime Text -> Preferences -> Browse Packages...
![](http://upload-images.jianshu.io/upload_images/1986502-be1da51852022845.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
复制下载的cssrem目录到刚才的packges目录里。
![](http://upload-images.jianshu.io/upload_images/1986502-f97aa25a70211d55.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/500)
2.png
重启Sublime Text。配置参数
参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrempx_to_rem
px转rem的单位比例,默认为40。max_rem_fraction_length
px转rem的小数部分的最大长度。默认为6。available_file_types
启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
实际测试
新建一个.css文件:
![](http://upload-images.jianshu.io/upload_images/1986502-152cfe5dc98cb122.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/461)