SCSS-用rem计算字体大小

Question

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

• H1：40像素（2 rem）
• H2：32像素（1.51572rem）
• H3：26,3902px（1.31951rem）
• H4：20像素（1雷姆）

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