方向更改后视口缩放不起作用

Question

我使用以下函数在iPad上重新缩放视口：

function rescale(scale){
 var headElements = document.getElementsByTagName("meta");
    for(var i = 0; i< headElements.length; i++){
    var theElement = headElements[i];
    if(theElement.name == "viewport"){
      theElement.content = "width=device-width, user-scalable=no, initial-scale=" + scale + ", maximum-scale=" + scale + ";";
    }     
  }
}

这可以无限次工作（纵向或横向），直到我更改设备的方向，当它停止工作时，直到我重新加载页面。

这是iOS中的一个错误吗？或者有什么解决办法吗？

Answer 1

我也遇到过类似的问题，直到我开始减少参数，并归结为：

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

我怀疑这与user-scalable=no部分有关，因为当您更改方向时，视口宽度也会更改。但是，请先尝试上面的代码，然后从那里开始。

我认为maximum-scale在定向方面也不太好，所以在删除user-scalable参数后，尝试使用和不使用它。