如何在点击时对浏览器进行缩放

Question

我想在用户点击按钮时添加浏览器缩放效果。 这适用于老年人，因此他们可以放大文本以便于阅读。 我不想让实际文本更大，因为它会弄乱网页的布局。 我怎么能这样做？

我已经在几个网站上看到了A A A按钮，这些按钮实现了类似的效果。

Answer 1

直接浏览器控件本身不应该由脚本驱动，在某些情况下会很危险。浏览器以不同的方式实现缩放，并且没有＆＃34;原生API＆＃34;据我所知，这样做。

最接近的是改变图像和字体大小。我知道，这不是你所希望的答案。

Answer 2

我想说如果你需要，你可以创建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;}