在移动浏览器中设置 window.innerWidth 和 window.innerHeight答案

【问题标题】：set window.innerWidth and window.innerHeight in mobile browsers在移动浏览器中设置 window.innerWidth 和 window.innerHeight
【发布时间】：2013-06-26 02:15:28
【问题描述】：

我可以在移动平台上获取 window.innerWidth 或 window.innerHeight 比如iphone的android。

 var w = window.innerWidth;

但我想将其设置回原来的值，我的意思是当用户通过捏合进行缩放时，innerWidth 和 innerHeight 值会发生变化。我可以得到新的价值观，但我想要那个屏幕尺寸恢复到原来的位置，但我永远无法改变尺寸

window.innerWidth = foo;
window.innerWidth = 'foopx';
window.resizeTo(foo,bar);

它们都不能在 android 或 iphone、ipad (safari、mobile chrome) 上运行。如何消除捏缩放的效果？我不想阻止或禁用它，用户可以缩放但在缩放操作之后我想取消缩放以返回其原始位置。如何调整（更改）window.innerWidth、innerHeight 值？

【问题讨论】：

标签： android ipad mobile resize window

【解决方案1】：

我向你展示了一个丑陋的杂物，但到目前为止，我知道如何做你想做的唯一方法。

假设在你的 html 中你有

<meta id="myViewPort" name="viewport" content="whatever" />

然后在某个地方的脚本中，你已经得到了这个

function resetScale()
{
    var viewport = document.getElementById('myViewPort')
    var content = viewPort.content;
    viewport.content = 'what=ever, user-scalable=no';

    window.setTimeout(function()
    {
        viewport.content = content;
    },1);
}

是的，需要超时。没有它，秤不会重置。此外，视口需要片刻才能注意到用户可缩放不再关闭。在您可以再次开始缩放之前，我已经延迟了长达 10 秒，而在其他时间您可以立即开始缩放。

【讨论】：