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