Javascript 动态视口大小调整-Phonegap忽略视口

我正在使用以下代码“将我的应用程序调整为显示它的设备的屏幕大小：

$(function() {
  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
    var ww = ( $(window).width() < window.screen.width ) ? $(window).width() : window.screen.width; //get proper width
    var mw = 600; // min width of site
    var ratio =  ww / mw; //calculate ratio
      if( ww < mw){ //smaller than minimum size
      $('#vp').attr('content', 'initial-scale=' + ratio + '; maximum-scale=' + ratio + '; minimum-scale=' + ratio + '; user-scalable=yes; width=' + mw);
    }else{ //regular size
     $('#vp').attr('content', 'width=device-width; initial-scale=1.0');
    }
  }
});

$（函数（）{
if（/Android | webOS | iPhone | iPad | iPod | BlackBerry/i.test（navigator.userAgent））{
var ww=（$（window.width（）

我有一个Nexus4。如果我用chrome打开网站，它可以正常工作。 但是，如果我使用phonegap，它只会忽略视口元标记（脚本正在工作，元标记的结果内容与使用浏览器时相同）。

---

我发现有很多关于phonegap忽略viewport meta标记的问题，但很少有人提供任何解决方法。

phonegap在KitKat（4.4）之前使用Android WebView，Android WebView不支持特定宽度的视口。解决方法是使用支持自定义视口的库

一个选择是monaca.viewport.js，它分布在GitHub:，下面是示例

---

这个库也是一个免费的基于云的PhoneGap开发工具的一部分。

我会尝试一下！那么你的意思是，对于kitkat以后的版本，它应该可以正常工作？我使用的是sdk19，我的手机是运行kitkat的nexus 4。在这种情况下应该可以工作。更多信息可以从这里找到：monaca.viewport.js可以直接包含，并且可以工作很好，不需要使用整个莫纳卡生态系统。