宽高自适应正方形

Question

1. aspect-ratio

.square {
  aspect-ratio: 1 / 1;
  background: red;
}

2. padding-top 实现 hack

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