网站文字变大和变小

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

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