Javascript 方向更改后视口比例不起作用

Javascript 方向更改后视口比例不起作用,javascript,ios,html,scale,viewport,Javascript,Ios,Html,Scale,Viewport,我使用以下功能在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

我使用以下功能在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中的一个bug,还是有解决方法

我也遇到过类似的问题,直到我开始减少参数,最终得出结论:

<meta name="viewport" content="width=device-width, initial-scale=1">
我怀疑这与user scalable=no part有关,因为当您更改方向时,视口宽度会更改。但是先试试上面的代码,然后从那里开始

我认为最大比例也不能很好地适应方向,所以在删除用户可伸缩参数后,尝试使用和不使用它