2015-04-30 50 views
0

我是移動開發新手。 我在Visual Studio 2013更新4中使用Cordova。 我只是在BlankCordovaApp1的默認index.html中添加了一些文本。我創建了apk並將其安裝在我的android手機上。 但是當我在手機上運行應用程序時,我無法通過捏縮放。 我讀了一些關於Java代碼的建議(但我在Visual Studio中工作,沒有Java)。在Visual Studio中放大Cordova應用程序

1)我已閱讀並嘗試以下,但無濟於事:

<meta name='viewport' content='initial-scale=1.0,minimum-scale=1.0, maximum-scale=10.0;user-scalable=yes' /> 

2)這種解決方案Cordova : How to enable viewport zoom說:「把按照你的主要的Android的Java文件的onCreate方法的src/COM /包目錄中「,但我的Visual Studio文件夾中沒有」src「文件夾。

3)我也試圖把它放在config.xml中,但它沒有幫助。

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

你能幫我嗎? 謝謝

+0

您能否提供您嘗試捏手勢的設備細節?我相信這適用於Android的標準本機應用程序? –

+0

我不知道原生應用程序。但是我使用inappbrowser插件完成了它。 – GeoDev

回答

0

我也是新科爾多瓦,我只用了3個月,我猜你有這個問題,因爲字體大小「有時」太小,無法在某些Android手機中看到。我發現不同手機的字體大小和屏幕大小不同,因此您需要「計算」屏幕大小以獲得更好的顯示效果。

例如,我使用javascript和css來設置主DIV的windowHeight,windowWidt和fontSize,以便在不同的手機中具有相同的外觀。

例如

<html> 
<body> 
<div id="divTest"> Hello </div> 
</body> 


<script> 
if (typeof (window.innerWidth) == 'number') { 
     windowHeight = window.innerHeight; 
     windowWidth = window.innerWidth; 
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
     windowHeight = document.documentElement.clientHeight; 
     windowWidth = document.documentElement.clientWidth; 

    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { 
     windowHeight = document.body.clientHeight; 
     windowWidth = document.body.clientWidth; 
    } 


// try divided by other values instead of 28 to find the differences. 
FontHeight = Math.round(windowHeight/28); 

divTest.height = windowHeight + "px"; 
divTest.width = windowWidth + "px"; 
divTest.fontSize = FontHeight + "px"; 
</script> 
</html> 

使用上面的html,「Hello」的大小對於不同的android手機應該是相同的「比率」。

+0

謝謝,但問題只是我想放大/縮小。 – GeoDev

0

我使用inappbrowser插件做了它。

相關問題