我们是否有办法对用户缩放事件做出反应

is there some way we can react to the user zoom event?

本文关键字：事件缩放用户是否我们更新时间：2023-09-26

当我们进入apple的网站:sbsstatic/maintenance.html?start=0&tstart=0">https://discussions.apple.com/sbsstatic/maintenance.html?start=0&tstart=0

和我们做一些缩放(Ctrl +和Ctrl -0)，我们可以看到顶部栏有滑动的效果，当我们缩放

有谁知道这是如何实现的吗?

即使在HTML5中也没有onzoom事件:

http://www.w3schools.com/html5/html5_ref_eventattributes.asp

"检测缩放级别变化的一种方法依赖于百分比值未缩放的事实。百分比值是相对于视窗宽度的，因此不受页面缩放的影响。如果插入两个元素，一个以百分比表示位置，另一个以像素表示相同位置，那么当页面缩放时，它们将分开。找到两个元素位置之间的比例，你就得到了缩放级别。"

http://novemberborn.net/2007/12/javascriptpage -放大- ff3 - 128

是的，写一个键盘事件处理程序或者像这样写一个库:http://www.openjs.com/scripts/events/keyboard_shortcuts/

这是使用一些CSS动画技巧。这里有一个教程。

样式类型的一个示例(来自上面的教程)，将给你你想要的效果:

<div style="-webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2);">...</div>

你可以看看他们的"增强"样式表，它对这些内容进行了排序。