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

技术娜娜 阅读 8

我在用 Taro 开发一个多端项目,H5 上样式正常,但编译到微信小程序后某些样式完全没生效,比如 flex 布局和部分 padding。明明写了 display: flex,但在小程序开发者工具里看元素就是没应用上。

我试过把单位从 px 换成 rpx,也检查了 class 名有没有拼错,甚至单独写了个最小复现页面,还是不行。是不是 Taro 对某些 CSS 属性在小程序端有兼容性限制?

这是我的样式代码:

.container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: #f5f5f5;
}
.item {
  width: 100rpx;
  height: 100rpx;
  background: red;
}
我来解答 赞 5 收藏
二维码
手机扫码查看
1 条解答
闲人子格
小程序组件默认样式隔离。在页面配置文件里加 styleIsolation: 'apply-shared',或者检查你的样式文件是不是没被正确引入到组件里。
点赞
2026-03-02 08:09