html - 使用javascript,html重置放大(捏合)android平板电脑浏览器(google chrome)

标签 html google-chrome resize zooming tablet

在 android 平板电脑上用谷歌浏览器打开的 html 页面上,我需要捕捉 该用户已经做了一些放大(捏合)并在几秒钟后将其重置为默认值。 (缩小到默认屏幕大小。但我不想完全阻止缩放,我想允许它,但一段时间后我想自动重置缩放)。

捕捉到用户做了一些缩放是可以的,我们可以通过检查屏幕高度,屏幕宽度

function getScreenHeight() {
    if (typeof window.innerWidth != 'undefined') {
        return window.innerHeight;
    } else if (typeof document.documentElement != 'undefined'
        && typeof document.documentElement.clientWidth != 'undefined'
        && document.documentElement.clientWidth != 0) {
        return document.documentElement.clientHeight;
    } else {
       return document.getElementsByTagName('body')[0].clientHeight;
    }
}

但要将其重置为默认值,我尝试了以下代码,它在 ipad (safari) 中有效,但在 android 平板电脑 (google chrome) 上没有任何反应

function _resetResize() {
    var viewport = document.getElementById('ViewPort');

    viewport.content = 'width=device-width, minimum-scale=1.0, maximum-  scale=1.0';
    setTimeout(function() {
        viewport.content = '';
    },10);
}

最佳答案

转到谷歌浏览器的设置面板,选择辅助功能选项卡,禁用复选框(强制缩放)

关于html - 使用javascript,html重置放大(捏合)android平板电脑浏览器(google chrome),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28987681/

相关文章:

javascript - Ionic 3/Angular 5/Chrome 移动设备上的绝对位置+ z-index 问题

java 对象在窗口大小调整时调整大小

javascript - 根据内容的宽度和高度调整弹出窗口的大小

jquery - 是否可以通过 jquery 在 div 中加载 url,而不使用 iframe、对象、嵌入 html 标签?

javascript - @media print 不尊重 Safari。在 Firefox 中工作正常

javascript - ( Canvas )每隔几秒推送一个新项目

html - 当我调整窗口大小时,我们如何防止图像使用 HTML-CSS 移动?

css - 是什么导致后续的.form-inline

css - 避免在行跨度不起作用(打印)的标题表中分页

javascript - 谷歌浏览器中的 ERR_CACHE_READ_FAILURE