如何在iPhone上的方向更改时重置Web应用程序的缩放缩放?

如何在iPhone上的方向更改时重置Web应用程序的缩放缩放?,第1张

如何在iPhone上的方向更改时重置Web应用程序的缩放/缩放?

通过不设置标记的最大比例来保持标记的可伸缩性。

<meta name="viewport" content="width=device-width, initial-scale=1">

然后,在加载时禁用javascript的可扩展性,直到您使用此脚本再次允许可扩展性时,即开始 手势 动作:

if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {    var viewportmeta = document.querySelector('meta[name="viewport"]');    if (viewportmeta) {        viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';        document.body.addEventListener('gesturestart', function () { viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';        }, false);    }}


2014年12月12日 更新: 在iPad 1上无法使用,在事件监听器上失败。我发现删除

.body
修复程序:

document.addEventListener('gesturestart', function() {  });


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5640975.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-16
下一篇 2022-12-16

发表评论

登录后才能评论

评论列表(0条)

保存