在响应式布局中,rem这个css单元逐渐崭露头角,成为最好的解决方案之一。但是在固定布局的时候,我们通常是根据px进行调整,然后通过计算得到rem的值。这时候如果有一个好用的px转rem工具,工作就会事半功倍。本文将推荐一些常用开发工具的px转rem插件VSCode插件1、cssrem安装快捷键ctrl+p打开到文件搜索框,输入命令:extinstallcssremconfigurationparameters配置文件:VSCode->file->settings->搜索cssremcssrem.rootFontSizerootfont-size(单位:px),默认:16cssrem.fixedDigitspx到rem小数点最大长度,默认:6。cssrem.autoRemovePrefixZero自动去除0开头的前缀,默认:true此插件可以选择输入时转换,或者使用ctrl+p、ctrl+r快捷键转换,支持htmlvuecsslessscsssass等文件格式或者自定义文件2、pxtorem安装快捷键ctrl+p打开,进入文件搜索框,输入命令:extinstallpx-to-rem配置参数配置文件:VSCode->file->settings->searchpx到rempx-to-rem.px-per-rem:每rem的像素数。默认为16px.px-to-rem.number-of-decimals-digits:px-to-rem.only-change-first-ocurrence:转换所有或仅当前选择的px-to-rem.notify-if-no-changes:Enable/disablenotification选择要转换的值,使用快捷键Alt+z执行px转rem或者rem转pxSublimeText插件1、安装cssrem插件下载本项目,例如:gitclonehttps://github.com/flashlizi/cssrem进入packages目录:SublimeText->Preferences->BrowsePackages...将下载的cssrem目录复制到刚才的packages目录下。重新启动SublimeText。Configuration参数配置文件:SublimeText->Preferences->PackageSettings->cssrempx_to_rem-px与rem的单位比值,默认为40。max_rem_fraction_length-px与rem的小数部分的最大长度。默认值为6。available_file_types-启用此插件的文件类型。默认值:[.css”、“.less”、“.sass”]。输入px值后按回车键直接转换,使用Ctrl+z取消转换
