Javascript 如何在放大和缩小时保持div大小不变？

看一下这个滑块，然后按CTRL++或CTRL+-（放大、缩小），你就会明白我的意思

当我们缩放页面时，保持滑块及其内容的大小不变，这是怎么可能的呢

---

我猜它使用了任何jQuery/JavaScript脚本，我不确定。谢谢。

您可以简单地使用事件处理程序重新计算滑块尺寸，如：

$(document).on('keydown', function(e){
    if(e.ctrlKey) {

        if(e.which === 187) {
            // zoom-in, +
        }

        if(e.which === 189) {
            // zoom-out, -
        }

    }
});

更新

我注意到，您只需单击

resize

-事件，即可检查窗口大小是否已更改：

$(window).on('resize', function(){
    alert(true)
});

更新2

您使用的滚动条有自己的

刷新

-方法：

根据新状态刷新转盘。通过在windows resize事件上调用此方法，可以使转盘响应

---

你可以试试这样的东西

window.onresize = function()
{
    var elementWidth = window.innerWidth
    var element = document.getElementById('element')
    element.style.width = parseInt(elementWidth)/2 // for example if you want it always be half of page 
}

---

当然，若存在任何问题，您可以检查在缩放过程中触发了哪个Javascipt事件zooming@CarlosBergenDyck那么它会不会遵循容器大小？CarlosBergenDyck的建议不起作用，请记住图像有自己的分辨率。@IrinelIovu哪个旋转木马插件是这样的？也许它有自己的

resize

-方法？只包括用键盘而不是鼠标进行放大和缩小。这根本不够好，想想看，有很多不同的屏幕分辨率。@IrinelIovu看到我的了。@yckart我看到了，但是，如何保持大小不变？这是我真正的问题。