网站文字越来越小

Question

在我的网站上，我想要一个按钮，一个让文字大小更大，一个让它变小一些！

有谁知道如何做到这一点。

谢谢

Answer 1

请注意，你不能做你想要的纯HTML。你需要JavaScript。

本博客文章解释正是你想要的：

• Change Text Size On Click With JavaScript

所以你的情况有两个按钮，你会需要这样的东西：

<script type="text/javascript"> 
function resizeText(multiplier) { 
    if (document.body.style.fontSize == "") { 
     document.body.style.fontSize = "1.0em"; 
    } 
    document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em"; 
} 
</script> 

<input type="button" onclick="resizeText(1)" /> 
<input type="button" onclick="resizeText(-1)" /> 

Answer 2

现代浏览器有这个内置的功能。您可以缩放/增加文字大小，这适用于所有页面。此外，用户比任何自定义控件都更熟悉调整文本的方式。