JavaScript - 如何获得css缩放级别？

一个简单的问题。我想使用CSS缩放级别来调整我的网站oncklick。JavaScript - 如何获得css缩放级别？

我要赶从“HTML”元素的CSS变焦。

CSS

html{zoom:1}

的JavaScript

function zoomIn(){ 
altzoom = document.documentElement.style.zoom; 
zoomIn = (altzoom + 0.1); 
document.documentElement.style.zoom = zoomIn; 
}

HTML

<button onclick= "zoomIn()">Zoom +</button>

如果我点击 “变焦+” 我只得到0.1缩放级别，所以我觉得我不从document.documentElement.style.zoom获取输出;

结果是：zoom：0.1;

有一个特殊的价值，以获得当前的CSS变焦拉特？

我会很乐意来解决它。

来源

2015-09-28 Peter Franke

https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle – Sirko

也许是因为在你的CSS文件，你的元素的属性变焦没有设置，所以JS无法找到一个值就摆在“altzoom”。尝试把它放在你的CSS声明中。

来源

2015-09-28 12:22:41

嗨，HTML {变焦：1}还是存在一些问题，使用HTML标签？ –

你不能得到样式表的缩放级别。那么有一种方法，但这会让事情变得过于复杂。我建议您直接在javascript设置它：

document.documentElement.style.zoom = 1;

见下文，不要忘了parseFloat，因为它可以确保在0.1中加入的权利。如果您想要控制后端代码中的值（如果有），您还可以在属性或隐藏字段上设置/获取此值。

题外话：不要在你的函数为全局设置的变量。它现在不会造成损害，但在全局范围内也可以使用zoomIn作为函数名。

function zoomIn(){ 
    var altzoom = parseFloat(document.documentElement.style.zoom); 
    var zoomIn = altzoom + 0.1; 
    document.documentElement.style.zoom = zoomIn; 
}

来源

2015-09-28 13:22:50 jazZRo

JavaScript - 如何获得css缩放级别？

回答

相关问题