在Android平板電腦上設置應用程序的不可擴展寬度

Question

我正在使用phonegap爲android平板電腦開發應用程序。我正在轉換現有的網頁，所以我寧願不改變CSS或HTML。我正在測試使用星系標籤（android 2.2）

我想將可視寬度設置爲800px，並禁止用戶放大/縮小。

如果我使用<meta name="viewport" content="width=800px>，則寬度設置正確，但用戶仍可以縮放頁面。

如果我使用<meta name="viewport" content="width=800px, user-scalable=no">，則用戶不能縮放頁面，但是寬度將變小（即，在網頁被放大時，並且用戶必須滾動周圍，以便查看頁面）

我能想到的唯一的其他事情是使用<meta name="viewport" content="minimum-scale=x, maximum-scale=x">，其中x是一些我不知道如何找到的神奇數字。

任何幫助，將不勝感激。

Answer 1

這個工作對我來說：

<script> 
    $(document).ready(function(){ 
     var vpScale = window.outerWidth/800/window.devicePixelRatio; 
     var metas = document.getElementsByTagName('meta'); 
     var i; 
     for (i=0; i< metas.length; i++) { 
      if (metas[i].name == "viewport") { 
       metas[i].content = "minimum-scale=" + vpScale + ", maximum-scale=" + vpScale; 
      } 
     } 
    }); 
</script>