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}中的#{}去掉  就可以計算了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章