px 与 rem 相互转换的插件 px2rem

MIT
JavaScript
跨平台
2019-08-06
Ian_lew

px2rem,为 brackets 编写的在 px 与 rem 之间进行转换的插件,可以直接在 brackets 仓库下载安装。

使用方式

当光标在值上时,按 Shift+Tab 键

自定义

如果不喜欢这个快捷方式,在 overrides 通过  Debug -> Open Your Key Map -> Add your convert key 重置它:

{
    "overrides": {
        "<key>": "me.convert.pxrem"
    }
}

我的 keymap.json:

{
    "overrides": {
		"`": "me.convert.pxrem"
    }
}
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Vue CLI 3 自适应解决方案 postcss-px2rem和amfe-flexible

安装postcss-px2rem cnpm i postcss-px2rem -S 配置postcss-px2rem //.postcssrc.js module.exports = { plugins: { autoprefixer: {}, 'postcss-px2rem': { remUnit: 37.5 } } } 安装......

2018/09/04 09:35
2.6K
0
使用Flexible实现手淘H5页面的终端适配的注意事项

最近拜读大漠 http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html (使用Flexible实现手淘H5页面的终端适配)这篇文章,按照他所说的方法,来写了个demo,发现使用时候还是有...

2016/02/22 11:01
475
1
vue-cli3.0项目中使用vw——相比flexible更原生的移动端解决方案

以前喜欢用lib-flexible配合px2rem达到移动端适配的效果, 最近了解了下vw 与 vh单位,以viewport为基准,1vw 与 1vh分别为window.innerWidth 与 window.innerHeight的百分之一。 安装 命令行...

01/02 14:15
356
0
vue-cli脚手架里如何配置屏幕自适应

很多同学可能在写h5的时候,也会遇到移动端如何控制屏幕自适应问题! 在移动端网页开发中,我们可以用手机淘宝的flexible.那么在vue当中,也同样可以用! 接下来就介绍下如何在vue-cli配置的...

2018/05/29 14:45
69
0
vue-cli3.0引入px2rem与lib-flexible 移动端适配

lib-flexible 作用:让网页根据设备dpr和宽度,利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备 安装:yarn add lib-flexible 引入:入口文件main.js中:import 'lib...

01/02 14:13
309
0
【防衰老教程】-三种预处理器之px2rem转换

以前小主写手机端页面时,单位这个问题一直困扰着小主,有时候活不多的时候,小主还会用计算器来计算rem,有时候就是凭感觉直接写个数字,哈哈,不要学我哈

2018/05/26 23:15
623
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部