ios - 重置缩放级别加载

Question

我没有 iPhone，所以无法自己测试，但根据一位客户的说法，如果他放大以便更轻松地点击链接，那么当下一页加载时，页面保持放大状态并且用户手动再次缩小。

请注意，这不是一个响应式网站(它没有设置 meta width=device-width)。

有什么办法可以避免这种情况吗？我尝试添加 maximum-zoom=1 onload 只是为了在几秒钟后将其删除，但这根本不起作用。

当用谷歌搜索这个问题时，我能发现的是人们在更改 web 应用程序的方向时缩放级别变得疯狂 - 这不是同一个问题。

Answer 1

出于安全考虑，未经用户同意和手动输入，无法更改浏览器的缩放级别。您可能可以使用事件插件(Flash？)实现类似的效果，但这是真正重置浏览器缩放级别的唯一方法。

作为替代方案，您可以使用 transform: zoom() 属性 ( a good SO reference ) 更改浏览器的 CSS 缩放，并使站点看起来好像缩放已重置，但仅在一定程度上。在制作之前，您可能还需要针对非整数缩放级别和跨浏览器兼容性进行调整。即便如此，这个 CSS 实现可能不是您想要的，因为它通常只调整元素样式和字体大小。您也可以使用这个缩写的 jQuery 代码来实现相同的效果:$(document.body).css('zoom','150%')。