小程序-如何实现一个view根据屏幕宽度来实现等宽高

提问:一个view上面放置3个子view,子view的宽度为屏幕宽度30%,高度和宽度一致?

在iOS中,so easy,所以我不说

码农从来话不多,以代码说话

<view class='diffenceContent superBgColor'>
  <view class='subContent subBgColor'>1</view>
  <view class='subContent subBgColor'>2</view>
  <view class='subContent subBgColor'>3</view>
  <view class='subContent subBgColor'>4</view>
</view>

.diffenceContent {
  display: flex;
   /* flex-direction: column;   */
  flex-wrap: wrap;
  width: 100%;
  top: 20px;
  height: 200px;
  justify-content: space-between;

  /* align-items: stretch;  */
}

上面设置了子view的布局方式flex,并且可以换行,在主轴线上的对齐方式

重点来了,子view的大小怎么确定,约束(原谅我用了ios的概念)该怎么写?

width: 30%;
height: