css - SCSS - 使用 rem 计算字体大小

Question

我想为所有标题设置一个从 rem 值计算的动态字体大小，我想在 for 循环中执行此操作。我的问题是我不知道如何除以这个结果:

• H1 : 40px (2 rem)
• H2 : 32px (1.51572rem)
• H3 : 26,3902px (1.31951rem)
• H4 : 20px (1 rem)

For循环:

@for $i from 1 through 6 {
  h#{$i} {
    margin-bottom: 1.4rem;
    line-height: (2.8rem / 1.33333333333);
    font: {
      size: 3.2rem - ($i * 0.8);
      family: $header-font;
    }
  }
}

Answer 1

为什么不使用可能值的数组，而是创建一个返回正确数字的算法。您可以使用 $myArray: (1,2,3,4) 创建一个数组，并像这样使用它 nth($myArray, $i+1) - 请参阅以下内容发布Accessing an array key in SASS