按鈕點擊增加/減小字號

我相信你們肯定看到過在某些網站上顯示的字體大小調整選項，他們在小，中，大尺寸上顯示字母「A」，點擊哪個改變網站的字體大小。我有兩個問題：按鈕點擊增加/減小字號

這是什麼東西叫實際？就像是有一個術語來形容它？
我可以在網站上使用這個參數嗎？其中一位客戶要求將其納入網站，我沒有看到使用它的任何實際好處，所以我可以給客戶什麼參數以免使用它？

2014-06-16 Frank Martin

它被稱爲「字體大小更改選項」或「字體大小調整器」。下面是一個簡單和最小的5行代碼的jQuery教程：http://www.programming-free.com/2013/12/increase-decrease-font-size-jquery.html

該放大的字體大小的碼的比特：

newFontSize= parseInt($('#content').css('font-size')) + 2; 
$('#content').css('font-size', newFontSize);

用戶可以只使用CTRL +在瀏覽器中。問題是最終用戶不知道這個技巧。這是一個快速簡單的實現，不需要說服客戶反對它。編程10小時後，我發現自己很難看清楚小文本。也許客戶有視力問題，需要解決像他這樣的其他人。

來源

2014-06-16 10:28:32

「從jQuery 1.6開始，.css（）接受與.animate（）類似的相對值。相對值是一個以+ =或 - =開始的字符串，用於遞增或遞減當前值。一個元素的填充左邊是10px，.css（「padding-left」，「+ = 15」）會導致總共填充25px。「

Reference

所以這樣做，你可以使用一個回調函數將返回實際的值，則返回新值。

像下面這樣。

$("#fontPlusBtn").click(function(){ 
     $("#textDiv > *").css("font-size", function(i, value) { 
      return parseInt(value) * 1.1; 
     }); 
    });

工作Demo對按鈕點擊增加字體大小：

我希望這可以幫助你，你在按鈕單擊描述字體大小變化。

來源

2014-06-16 10:32:19

客戶的目標羣體是什麼？添加此功能通常被認爲是網頁可訪問性的良好慣例。它並不真正佔用屏幕上的太多空間，也不會妨礙設計，但可以讓用戶在閱讀文本時遇到麻煩的情況下放大文本。

我不會試圖反對它，而是找到一個乾淨的方式來實現功能。

BBC的可訪問性政策是一個很好看的：http://www.bbc.co.uk/accessibility/best_practice/policy.shtml

來源

2014-06-16 10:33:55

按鈕點擊增加/減小字號

回答

相關問題