css之px自动转rem—sublime 插件CSSRE

CSSREM

CSSREM 是一个CSS的 px 值转 rem 值的Sublime Text3自动完成插件。先来看看插件的效果:


一个CSS的px值转rem值的Sublime Text 3自动完成插件。

安装
  • 下载本项目,比如:git clone https://github.com/flashlizi/cssrem
  • 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
  • 复制下载的cssrem目录到刚才的packges目录里。
  • 重启Sublime Text。
配置参数

参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem ->Settings-User,输入如下代码

  • {
     "px_to_rem": 10,            //px转rem的单位比例,这里设置为10
    "max_rem_fraction_length": 6,      //px转rem的小数部分的最大长度。默认为6。
    "available_file_types": [".css", ".less", ".sass",".html"]
            //启用此插件的文件类型。默认为:[".css", ".less", ".sass"]
    }

  • 注1:设置成功后,只有在css文件中写样式的时候才会有提示,在html中填写不会有提示(如300px,当写到p的时候就会有提示300px - rem(30),即px_to_rem的值为30)
  • 注2:经计算 px_to_rem的比例值是设计稿的宽度/10。即如果设计稿宽640,则px_to_rem值应该为64




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值