具有断点的modularscale为每个断点生成相同的值

Question

我使用https://github.com/modularscale/modularscale-sass。

我有这样的设置：

$font-size-base: 16px; 
$modularscale: (
    base: $font-size-base, 
    ratio: 1.067, 
    768px: (
    ratio: 1.125, 
), 

）;

然后我用：

h1 { 
    @include ms-respond(font-size, 12); 
} 

但输出CSS给出了两个断点相同的字体大小值：

h1 { 
    font-size:66px; 
} 
@media (min-width:768px){ 
    h1 { 
    font-size:66px; 
    } 
} 

只使用了1.125比...

我在做什么错？

感谢

Answer 1

我写这在两个或多个断点，以适应逐渐变化。然而，这需要两个或多个断点，像这样：

$font-size-base: 16px; $modularscale: ( base: $font-size-base, ratio: 1.067, 450px: ( ratio: 1.067, ), 768px: ( ratio: 1.125, ), );

关于

它完全使你应该期望的行为与一个破发点的工作意义上的“我到底做错了什么？”。我会打开一个问题，使其按照您的预期进行。