在頁面上實現變換字體大小的方法《二》

每一個網站的設計不同,風格樣式、配色排版都不一樣,網頁上的文字當然也有大有小!視力比較差的使用者對於文字較小的網站內容常常會看不清楚,若是網站為了整體美觀而加入了viewport標籤,那麼使用者在手機上也無法運用縮放來放大檢視內容。
今天介紹這款 CSS 與 JS 結合的特效代碼,藉由按鈕完美呈現變換字體大小。
25.6 KiB / RAR
修改及輸入文字內容
<article id="example">
在這裡輸入文字內容
</article>
修改要放大及縮小文字的按鈕點擊次數
<script>
  $('#example').FontSize({
   increaseTimes: 5, // 放大次數
   reduceTimes: 5, // 縮小次數
});
</script>
Read More
More Detail