字型大小隨文字數改變

2021-09-26 15:09:21 字數 730 閱讀 4367

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

}// js**

var wordnumber = data.data.materialdata.statisticsdata.totalcost.length; // 耗材金額總量長度

// 判斷長度小於8, 字型大小限制為0.8rem,大於8則等比例縮小,如10個字元則為0.8*8/10 為0.64rem

效果如下

可以看出,是會隨著字元數量更改字型大小的,我用的是angularjs,其他的也類似

改變Pivot顯示字型大小

最近打算把 的做成uwp手機版,一方面自己可以藉此練練手,另乙個目的是沒是的時候可以拿出手機來看看的文章。這個專案的原始碼最終會發布到git上,也算為uwp的發展做一點點貢獻吧。剛開始做就遇到乙個問題,pivot的字型竟然無法設定大小,做出來的介面美醜先不說,如果執行到手機上肯定是放不下幾個item...

JQuery 改變頁面字型大小

分別定義三個class為increasefont decreasefont resetfont 的元素。為其click事件新增事件 對頁面上的字型增大 縮小 恢復原始大小 需要在html頁面中定義三個元素 元素的class分別為 resetfont increasefont decreasefont...

如何改變字型大小呢

上面寫了如何改變字型風格,下面再寫一下如何改變字型大小?觀察字型類時,你會發現它所提供的公共屬性都是唯讀的.這就意味著改變乙個字型大小,你需要建立乙個新的並且帶有和先前的字型有完全相同的屬性除了字型大小的物件.這裡恰好有這麼乙個方便的方法 static public font changefonts...