<view class="square">
  这是一个正方形
</view>

.square {
  width: 100%;
  height: 0;
  padding-top: 100%;
}

采用这种方法来做一个自适应宽高的正方形，在浏览器中是 work 的，但是在微信小程序内，padding-top 100% 对应的不是当前元素，导致这种布局方式无效