当代码中有
1. webstorm中, 看到rpx单位, 会认为是错误的, 出现错误提示。 还有更严重的:
2. webstorm的reformat功能, 会自动在rpx前插入一个空格,从而导致这个样式失效!
方案一:
根据标准, 写成 ~"30rpx", 就OK了。
不过, 考虑到小程序代码中可能会有大量的rpx, 如果每一处都要这么写, 那还不把人搞疯?
于是继续找。
方案二:
写成 30px, 注意, 不是rpx, 是px。 在编译的过程中, 自动转换为rpx。
由于我们开发小程序用的是wepy, 因此使用的是wepy-plugin-px2units, 可以完成这个工作。
对于不是用wepy的童鞋, postcss-px2units应该可以试试。