在做移动端用rem来适配的时候,会涉及到一个rem的单位,默认1rem等于16px(淘宝的flexible适配1rem等于75px),而我们设计稿中量到是px,如果真的要一个个去计算,那会浪费掉很多时间和精力。在这里给推荐大家使用Sublime Text的cssrem插件,这个插件由正霖所写,需要的朋友可以去他的github下载。
安装步骤:
1.到github里下载好插件 https://github.com/flashlizi/cssrem
2.把下载好的cssrem-master压缩包解压出来复制到Sublime Textpackages软件下的packages文件夹下。
3.重启Sublime Text即可。
通过以上步骤实现了px转行成rem,这个插件的默认配置如下:
1. px_to_rem - px转rem的单位比例,默认为40。
2. max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
3. available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
如果想修改这些默认配置可以到cssrem-master文件夹下的cssrem文件修改。