sass for循環中變量的計算

在關於字體的應用中，瀏覽器對於字體小於12px的給與12px的顯示,對應的標籤必須是塊級元素css

解決的方法是：html

.font{

     font:12px;

    -webkit-transform:scale( 0.66 );

}

就是web

-webkit-transform:(字體/12px);瀏覽器

而後就想經過sass的for循環把須要的循環出來 就不用在一遍遍的css了sass

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

就在在計算的時候 把 #{$i} 中的 #{} 去掉  就能夠計算了字體