我使用 $(window).resize(function())获得窗口大小的变化，并根据我想要放大和缩小的那些进行调整。为什么缩放？!，因为我有很多动态附加的带有绝对坐标的 div，我希望这些 div 在窗口更改时保持对齐。基本上，如果按下“Ctrl”+“-”，将会得到什么。
假设我有这张图片
如果我使用 .css 添加以下行，它会缩小 '-moz-transform': 'scale(0.8)'我得到这样的图像
但如果我使用 Ctrl + - 代替，我会得到
如您所见，第二张图片的坐标有些困惑(未更改)。有谁知道为什么会这样，或者我可以使用其他功能来缩小吗？
这是一个你自己玩的 jsfiddle http://jsfiddle.net/rnhev60f/8/
编辑::回复后，我放弃了这个想法。相反，我创建了一个函数来计算更改的百分比 (newSize/originalSize) 并使用百分比来更改每个对象的位置和大小以避免所有后门和错误。它有点复杂，并以 LOC 方式更长的函数结束，但现在对我有用。感谢您的回复!
最佳答案
您需要缩放 body 和 span
演示
代码
$('body,span').css({'transform': 'scale(' + currentZoom + ')'});
结果
考虑添加 transform-origin: 0% 0%; 因为二维变换可以改变元素的 x 轴和 y 轴
关于javascript - 使用 jquery/javascript 放大和缩小(绝对坐标不变)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31609760/