css高度随宽度变化而变化

//宽度100%，高度和宽度一样，呈正方形
.square{
  height: 0;
  padding-bottom: 100%;
}