js实现放大缩小页面

<button onclick="zoomIn()">放大</button>
<button onclick="zoomOut()">缩小</button>

function zoomIn() {
    let currentScale = parseFloat(getComputedStyle(document.body).transform.split(',')[3]) || 1;
    document.body.style.transform = `scale(${currentScale + 0.1})`;
}

function zoomOut() {
    let currentScale = parseFloat(getComputedStyle(document.body).transform.split(',')[3]) || 1;
    if (currentScale > 0.1) {
        document.body.style.transform = `scale(${currentScale - 0.1})`;
    }
}

body {
    transition: transform 0.3s ease;
}

function zoomIn() {
    let currentScale = parseFloat(getComputedStyle(document.body).transform.split(',')[3]) || 1;
    if (currentScale < 2) { // 设置最大缩放比例为2
        document.body.style.transform = `scale(${currentScale + 0.1})`;
    }
}

function zoomOut() {
    let currentScale = parseFloat(getComputedStyle(document.body).transform.split(',')[3]) || 1;
    if (currentScale > 0.5) { // 设置最小缩放比例为0.5
        document.body.style.transform = `scale(${currentScale - 0.1})`;
    }
}