如何在點擊瀏覽器時縮小效果

Question

我想在用戶單擊按鈕時添加瀏覽器縮放效果。 這是針對老年人的，因此他們可以放大文字以便閱讀。 我不想讓實際的文字更大，因爲它會弄亂網頁的佈局。 我該怎麼做？

我看到幾個網站上的A A A按鈕實現類似。

Answer 1

我會說，如果你需要，你可以創建3個不同的按鈕，將切換標籤上的活動類，每個類應該有一些字體大小的定義。

<a data-size="small">small</a> 
<a data-size="normal">normal</a> 
<a data-size="large">large</a> 

$("a").on("click", function(){ 
    $("html").removeClass().addClass($(this).data("size")); 
}); 

html.small{font-size:12px;} 
html.normal{font-size:20px;} 
html.large{font-size:36px;} 

Answer 2

直接瀏覽器控件本身不應該由腳本驅動，在某些情況下會很危險。據我所知，瀏覽器以不同的方式實現縮放，並且沒有「本地API」來做到這一點。

最近你正在改變圖像和字體大小。我不知道你希望的答案。