Taro 多端编译时样式不生效怎么办？

Air-文阁提问于 2026-03-04 17:52:19 阅读 9

框架

我在用 Taro 开发一个多端项目，H5 上样式正常，但编译到微信小程序后部分样式没生效，比如 display: flex 布局错乱了。

查了文档说要加前缀，但我已经用了 @tarojs/plugin-sass，也试过把单位改成 rpx，还是不行。这是我的样式代码：

.container {
  display: flex;
  justify-content: space-between;
  padding: 20rpx;
}

我来解答赞 4 收藏

反馈

1 条解答

一庆庆 Lv1

这应该是小程序里 flex 子元素默认表现的问题，H5 宽松小程序严格，子元素没给 flex: 1 或者宽度很容易塌陷。直接给子元素加上下面的代码试试，如果还不行就去 config/index.js 把 styleIsolation 改成 shared。

/* 给子元素加上这个 */

.flex-item {

  flex: 1;

}

2026-03-04 18:05