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

一个简单的问题。我想使用CSS缩放级别再次单击调整我的站点大小

我想捕捉来自“html”元素的css缩放

CSS

JavaScript

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

HTML

缩放+

如果我点击“zoom+”，我只会得到0.1的缩放级别，所以我想我不会从document.documentElement.style.zoom获得输出

结果是：缩放：0.1

有一个特殊的值来获取当前css缩放lvl吗

---

我很乐意修复它。

可能是因为在CSS文件中，元素的属性zoom没有设置，所以JS找不到一个值放入“altzoom”。尝试将其放在CSS声明中。

您无法获得样式表的缩放级别。有一种方法，但那会使事情变得过于复杂。我建议直接在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; 
}

---

您好，html{zoom:1}或者使用html标记时出现了一些问题？

document.documentElement.style.zoom = 1;

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