SCSS-用rem计数字体大小

Question

我想为所有标题设置一个从rem值计数的动态字体大小，我想在循环中进行此操作。我的问题是我不知道如何划分数字来获得此结果：

• H1：40px(2 rem(
• H2：32PX(1.51572REM(
• H3：26,3902px(1.31951REM(
• H4：20px(1 rem(

循环：

@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)一样使用它 - 请参阅以下帖子访问SASS