字體大小隨文字數改變

        最新公司一個項目中從後臺獲取的數據長度不一定，而前端的fong-size是固定的，雖然做了響應式，用了rem,但是這是根據屏幕寬度進行字體大小的調整，不是根據字數，而後又想到用百分比，根據字體父級元素的，即寬度大小進行調整，但是這樣也有問題，後來想了下，用js獲取後臺傳來的數據長度，再

<!--html代碼-->
<span class="number" ng-style="fontSizeChange">{{materialStatisticsData.totalcost}}</span>

// js代碼
var wordNumber = data.data.materialdata.statisticsData.totalcost.length; // 耗材金額總量長度
// 判斷長度小於8, 字體大小限制爲0.8rem,大於8則等比例縮小，如10個字符則爲0.8*8/10 爲0.64rem
var fontSize = wordNumber > 8 ? 0.8 * 8 / wordNumber + 'rem' : '0.8rem';     
$scope.fontSizeChange = {                                                    
	"font-size": fontSize,
};   

根據長度自適應，並進行了限制

效果如下

可以看出，是會隨着字符數量更改字體大小的，我用的是angularJS，其他的也類似