这个问题已经在这里有了答案:
11年前关闭。
你好，
我有一些网页。我希望用户单击图像并增加页面上所有内容的字体大小。这可能吗？如果是这样，怎么办？
我知道浏览器内部有选项。基本上，我想要一种在页面本身中执行此操作的方法。
谢谢你。
最佳答案
实现这一目标的三件事:
在<body>标记中指定整体字体大小。例如:
body { font-size: 100%; }
不要使用像素来指定文档中其他任何位置的字体大小。
p.somePara { font-size: 120%; }
p.anotherPara { font-size: 1.4em; }
将事件处理程序附加到此图像，以相应地调整字体大小。例如，使用jQuery:
$("#largerTextImage").click(function() {
$("body").css("fontSize", "120%");
});
完毕。
关于CSS-增加页面字体大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1386531/