Skip to content

postcss 不能作用于内联样式

发布日期:2024-10-11

在nextjs项目中,希望将px单位转换为rem,尝试使用postcss-pxtorem插件。但插件只对css文件生效,对于

style={{height: '500px'}}

完全不生效,更不用说chakra-ui的内联样式。

antd组件库可以使用内建的方法来实现cssinjs的rem转换,但仅限于antd的组件,你自己写的组件内联的css没用,参考 https://ant-design.antgroup.com/docs/react/compatible-style-cn#rem-适配,这里还有个issue讲的是怎样在antd转换rem https://github.com/ant-design/ant-design/issues/43131