Javascript 如何为在Chrome中应用了css缩放的img获取正确的jQuery offset（）

我试图在img上应用css缩放效果，当我执行此操作时，jQuery函数offset（）似乎返回了错误的值

我制造了一点我的问题，这表明了我的问题。请在Chrome中查看，因为这是我遇到此问题的浏览器（我不认为）

如果单击“显示蛙式偏移”按钮，它将显示蛙式img左侧的偏移值219。如果按下“缩放”按钮，“自”将缩放2.0。如果再次按下“显示蛙式偏移”按钮，您将看到蛙式img左侧的偏移值101.5

以下是我在my中缩放和取消缩放青蛙img的代码（也链接到上面）

---

这似乎工作正常。当您使用“缩放样式”属性时，它会增大/减小应用它的元素的大小。因此，当考虑到偏移量（）返回相对于文档的位置时，此图像将以2的设置进行缩放，使其大小加倍，作为回报，将其偏移量（）剪切一半。文档大小不变，但图像不变。我认为这就是您正在细化的问题？希望这对您有帮助！快乐编码！

我没有看到任何错误。您为什么认为它不正确？

$("#zoom-frog-button").click(function() {
    $(".frog-img").css("zoom", 2.0);
});

$("#unzoom-frog-button").click(function() {
    $(".frog-img").css("zoom", 1.0);
});