Sass for循環中編譯%時報錯解決方案

sass功能強大，特別是支持for循環，節省大量開發時間，可是在開發時遇到一個問題，直接使用%時沒有問題，當有變量時再加% 單位在編譯時報錯；

這樣沒有問題：

@for $width from 0 to 10{
    .wp#{$width}{
        width:$width px;
    }
}

可是這樣就有問題了：

@for $width from 0 to 10{
    .wp#{$width}{
        width:$width%;
    }
}

或者這樣：

@for $width from 0 to 10{
    .wp#{$width}{
        width:$width %;
    }
}

編譯時報錯，試了好多方法仍是不行，最後採用很二的方式居然能夠了：

@for $width from 0 to 10{
    .wp#{$width}{
        width:$width+0%;
    }
}