如何输出图片的原始比率

<section class="main">
    <div class="intrinsic" style="padding-top: $ratio">
        <img class="intrinsic-item" alt="" src="https://fakeimg.pl/300x300/">
    div>
section>
复制代码

.main {
  display: inline-block;
  /* 注意这里设置的是max-width，而不是width，以兼容小图片 */
  width: 200px;
  .intrinsic {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 100%; /* padding-top初始化为100% */

    /* 图片占位背景 */
    background: #f0f0f0;

    /* 图片上下左右撑开 */
    .intrinsic-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }
}