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参数后尝试使用和不使用它。

方向更改后，视口比例无效

1 个答案: