sass for循环中变量的计算

在关于字体的应用中，浏览器对于字体小于12px的给与12px的显示

解决的方法是：

.font{

font:8px;

-webkit-transform:scale( 0.66 );

}

就是

-webkit-transform:(字体/12px);

然后就想通过sass的for循环把需要的循环出来 就不用在一遍遍的css了

@for $i from 1 to 21{
  .font_#{$i}{
    font-size: #{$i}px;
    -webkit-transform: scale( $i/12 );
}
}

就在在计算的时候 把 #{$i}中的 #{}去掉  就可以计算了