css控制图片按自身比例缩放

      <div class="div_class">
        <img src="../assets/login.png" alt="" />
      </div>




     .div_class {
       /* 图片的父容器必须设置宽高 */
       width: 100%;
       height: 100%;
       /* 下面这两句是让图片居中div内，如无该需求可不写 */
       display: grid;
       place-items: center;
     }

    .div_class img {
       max-width: 100%;/* 限制图片的最大宽度不超过其父容器的宽度 */
       height: auto; /* 保持图片宽高比的关键 */
    }