css 实现 div 宽高同比

使用 :before 进行实现

<div class="div-image">
   <img :src="smilesImageSrc" alt="smiles image" class="image"/>
</div>

.div-image {
  background: #409eff;
  text-align: center;
}
.div-image:before {
  content: "";
  display: inline-block;
  padding-bottom: 100%;
  width: .1px;
  vertical-align: middle;
}