我正在尝试在网页上创建一个按钮来增加页面大小、字体大小、图像大小等。这是针对特殊需要学校网站的,以便使其更易于访问。网站是 www.applefieldsschool.co.uk。请注意,这是一项正在进行的工作。
到目前为止,我已经想出了这个;-
<button onclick="body.style.zoom='300%'">Zoom 300%</button>
这有效,但只是放大了页面上呈现的内容,并且没有响应。我的页面是 HTML5 和 CSS3,可响应不同的视口(viewport)大小等。
如果我使用键盘快捷键 Ctrl+ 和 Ctrl- 这正是我所需要的。我现在需要编写一个按钮来使用键盘快捷键。
遗憾的是,这有点超出了我的 JavaScript 技能(我上周才开始使用它)提前致谢。
最佳答案
无法告诉您的浏览器“使用 CTRL + + 键”。
Here is another thread which lists some possible alternatives 。特别是:
body {
transform: scale(1.1);
transform-origin: 10% 10%;
// add prefixed versions too.
}
您还可以设置字体大小
。除非您在 em
中设置了所有尺寸(相对于字体大小),否则这不会真正缩放页面,但它会(显然)改变字体的大小(这可能会对你来说仍然可以接受)。
关于javascript - 需要 - Javascript 按钮以在网络浏览器中使用 Ctrl + 和 - 键盘快捷键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21827925/