博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Atom 编辑器插件: px2rem-plus 转换 px(像素) 到 rem 单位
阅读量:6612 次
发布时间:2019-06-24

本文共 430 字,大约阅读时间需要 1 分钟。

对于移动端网页的开发,目前看采用 rem 单位可能是一个相对完美的解决方案。在平时的开发中经常需要把 px 转换成 rem。由于我目前主要使用 Atom 这个编辑器来开发,也用了一些类似的转换插件,但都不能令我满意(我还给其中一个插件提交过 PR),所以自己开发了一个 Atom 插件。

安装: apm install px2rem-plus

下载:
Github:

主要功能

自动完成

v2-69ddf9364d81872feb7f85e2d82ab90b_r.png

转换编辑器中的内容

支持转换全部文本或选中的文本内容。快捷键: ctrl-alt-r

为当前文件设置基准像素大小

每个文件可以有自己的基准值,并且这个设置会自动保存,下次打开相同文件会自动使用设置过的值。快捷键: ctrl-alt-p

v2-6a7609b1cf023e7a2651bab364a82e36_r.png

添加注释

支持给转换后的 rem 单位添加注释,例如 /* 100/75 */

保留前导零

如果转换后的值小于 1,则可以选择是否保留前导零,例如 0.5rem(保留) 或 .5rem(不保留)

演示

example.gif

希望对使用 rem 的朋友有帮助。

转载地址:http://jzoso.baihongyu.com/

你可能感兴趣的文章
LXC 容器集chroot使用说明
查看>>
服务器大量php-cgi.exe进程,导致CPU占用100%
查看>>
spring+mybitas 实现多数据源动态切换
查看>>
为什么量子计算会对我们产生威胁?
查看>>
计算与推断思维 十三、预测
查看>>
《战斗吧!机器人》,国内首档AI与机器人竞技真人秀发布会隆重召开
查看>>
Zabbix监控之系统及应用日志监控报警
查看>>
Ubuntu安装CPAN上的扩展包for Perl
查看>>
shell数组使用技巧
查看>>
extjs.form.textarea一个问题记录
查看>>
zabbix 之 配置item
查看>>
python字符编码
查看>>
windows下三种常见的文件系统
查看>>
KSM导致的警告“ ksmtuned .... read-only system ” 的一些说明
查看>>
mysql的binlog
查看>>
Vue packages version mismatch: 版本始终不对的解决方案
查看>>
vi命令详解
查看>>
python linux系统中获取网卡IP
查看>>
Ubuntu16.10安装Ocata之3:Glance
查看>>
ICMP-互联网控制协议-第六章
查看>>