你好，在做一个Menubar的时候 我在wxml文件里有以下list:

  <view class="menu-bar">

    <view class="menu-bar-item" wx:for="{{homePageMenuBarImgUrls}}" wx:for-item="item"> 

        <image mode="{{item.mode}}" src="{{item.src}}" style="width:100rpx; height:100rpx"></image>

        <view class="menu-bar-item-fontsize">{{item.text}}</view>

    </view>

  </view>

homePageMenuBarImgUrls，是一个在js文件里的object list。 当我在wxss文件中对于 class="menu-bar-item" 进行 渲染时，相对的width好像没有效果（25%比如），必须要用fix的width，如100rpx才能改变每个item的宽度。

.menu-bar-item{

  width: 200rpx;

  /* width: 25%; */

  display: flex;

  flex-direction: column;

  align-items: center;

}

是我哪里没做好吗？还是不支持？还是bug？