网站文字越来越小

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

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