css 保持图像的纵横比

Posted 2021-05-13

<div class="row">
  <div class="col-md-4">
      <div class="fotkaContainer"  style="background-image: url('/Images/img.jpg')">
      </div>
  </div>
</div>

.fotkaContainer {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 56.25% 0 0 0;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}