Taro 多端编译时样式不生效怎么办?
我在用 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;
}
styleIsolation: 'apply-shared',或者检查你的样式文件是不是没被正确引入到组件里。