javascript - 需要 - Javascript 按钮以在网络浏览器中使用 Ctrl + 和 - 键盘快捷键

Question

我正在尝试在网页上创建一个按钮来增加页面大小、字体大小、图像大小等。这是针对特殊需要学校网站的，以便使其更易于访问。网站是 www.applefieldsschool.co.uk。请注意，这是一项正在进行的工作。

到目前为止，我已经想出了这个；-

<button onclick="body.style.zoom='300%'">Zoom 300%</button>

这有效，但只是放大了页面上呈现的内容，并且没有响应。我的页面是 HTML5 和 CSS3，可响应不同的视口(viewport)大小等。

如果我使用键盘快捷键 Ctrl+ 和 Ctrl- 这正是我所需要的。我现在需要编写一个按钮来使用键盘快捷键。

遗憾的是，这有点超出了我的 JavaScript 技能(我上周才开始使用它)提前致谢。

Answer 1

无法告诉您的浏览器“使用 CTRL + + 键”。

Here is another thread which lists some possible alternatives 。特别是:

body {
   transform: scale(1.1);
   transform-origin: 10% 10%;
   // add prefixed versions too.
}

您还可以设置字体大小。除非您在 em 中设置了所有尺寸(相对于字体大小)，否则这不会真正缩放页面，但它会(显然)改变字体的大小(这可能会对你来说仍然可以接受)。