前幾天用phonegap編譯GameBuilder+CanTK時，發現HTML里的viewport無效。CanTK根據devicePixelRatio檢測設備的DPI，然后用viewport設置正確的分辨率。如果viewport無效，CanTK只能以最低分辨率運行。在網上查了一下, 也沒有找到系統的資料，但我知道WebView一定有相應的設置來啟用viewport，結合找到的資料和phonegap的源碼，終于找到了解決方法，這里總結一下：

iOS平臺的解決方法：在phonegap的config.xml中增加一行配置：

<preference name="EnableViewportScale" value="true"/>

(奇怪的是此方法對android平臺無效，我看了CordovaWebView.java，里面沒有相關設置)

android 平臺的解決方法一：修改CordovaWebView.java：

  settings.getUserAgentString();   //增加下面兩行代碼：  settings.setUseWideViewPort(true);  settings.setLoadWithOverviewMode(true);

android 平臺的解決方法二：直接修改CordovaWebView.java是個好辦法，但是GameBuilder+CanTK支持phonegap的云編譯，沒有法直接修改CordovaWebView.java。我想到了phonegap插件，找到了一個ViewPortScale的插件，發現根本編譯不了，所以自己寫了一個com.tangide.viewport的插件，如果里使用GameBuilder+CanTK提供的云編譯，已經內置了這個插件。插件的源碼在這里：

https://github.com/drawapp8/ViewPort

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接