当使用全屏 API 触发全屏时,双指缩放在 macOS (Chrome) 上不起作用
Pinch to zoom doesn't work on macOS (Chrome) when fullscreen is triggered using the Fullscreen API
在 macOS 上,可以使用手势 "pinch to zoom" 和触控板来放大页面。
当页面不是全屏时,此功能在 Chrome 上可以正常工作。使用 Chrome window.
的右上绿色按钮触发全屏时,它也能正常工作
但是,当使用 HTML5 全屏 API (webkitRequestFullscreen
-- https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) 以编程方式触发全屏时,"pinch to zoom" 手势将被禁用。
可以对此进行测试here:当使用右上角的绿色按钮触发全屏时,"pinch to zoom" 有效;当使用 "Request document" 时,它不起作用。
macOS 上似乎有两种不同的全屏模式,但很难找到关于它的任何信息。
这似乎是有意为之的行为,至少在移动设备上是这样。请参阅 https://bugs.chromium.org/p/chromium/issues/detail?id=736520 上的讨论。
通常,双指缩放适用于旧版网站。如果您想在全屏画廊中使用一些缩放功能,则必须自己编写代码。
在 macOS 上,可以使用手势 "pinch to zoom" 和触控板来放大页面。
当页面不是全屏时,此功能在 Chrome 上可以正常工作。使用 Chrome window.
的右上绿色按钮触发全屏时,它也能正常工作但是,当使用 HTML5 全屏 API (webkitRequestFullscreen
-- https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) 以编程方式触发全屏时,"pinch to zoom" 手势将被禁用。
可以对此进行测试here:当使用右上角的绿色按钮触发全屏时,"pinch to zoom" 有效;当使用 "Request document" 时,它不起作用。
macOS 上似乎有两种不同的全屏模式,但很难找到关于它的任何信息。
这似乎是有意为之的行为,至少在移动设备上是这样。请参阅 https://bugs.chromium.org/p/chromium/issues/detail?id=736520 上的讨论。
通常,双指缩放适用于旧版网站。如果您想在全屏画廊中使用一些缩放功能,则必须自己编写代码。