jquery - 我通过 jquery 更改某些 css 样式后出现 iOS css 错误

Question

一开始，我设置了user-scalable=no和 width=device-width .

我的元内容是 <meta content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />

开始 View 是这样的。

当我单击 div 中的按钮并更改 css 样式宽度时 $('#A').toggleClass('B') .然后是这样的 View 。

div 容器中的按钮。 div 包含的大小与设备相同，它是 css overflow: hidden.

单击按钮并更改其样式后。两者 overflow和 user-scalable=no失败了。

如何处理？

Answer 1

我找到了答案。

参见此处:How do I reset the scale/zoom of a web app on an orientation change on the iPhone?

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);
}