flexbox容器中如何有方形元素？

Question

我正在尝试开发一种垂直柔性箱，该箱应在手机上显示。 flexbox的宽度将跨越电话屏幕的整个宽度，因此我将其设置为width: 100%。我希望其中一个元素的尺寸为正方形，这意味着它将具有flexbox的宽度，在这种情况下，最终将是手机屏幕的宽度，并且高度应等于该宽度。 flexbox中的其他元素将是正常的，没有任何限制。我该怎么做？

Answer 1

有一个名为'aspectRatio'的属性，请尝试以下'aspectRatio：1' 即style =“ width 100％; AspectRatio：1;”

Answer 2

我发现这个article回答了我的问题。