Css样式实现元素宽度百分比，高度和宽度相等

移动端布局，在不知道宽高具体多少，只知道百分比的情况下，有时候需要几个元素平分屏幕宽度，但是又想让该元素的高度和宽度相等，那么可以采用以下方式：

<div style="width: 100%;">
   <div style="width: 25vw; height: 25vw;">test div</div>
</div>