Question

我是移动开发的新手。我在Visual Studio 2013 Update 4中使用Cordova。我刚刚在BlankCordovaApp1的默认index.html中添加了一些文本。我创建了apk并将其安装在我的Android手机上。但是当我在手机上运行应用程序时，我无法通过捏合来缩放。我读了一些关于android的Java代码的建议（但我在Visual Studio中工作，没有java）。

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说＆＃34;将你的主要Android Java文件的onCreate方法放在src / com / packagename目录＆＃34;中，但是没有＆＃34; src＆＃ 34;我的Visual Studio文件夹中的文件夹。

3）我也尝试将它放在config.xml中，但它没有帮助。

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

你能帮帮我吗？感谢

Answer 1

我在科尔多瓦也是新手，我只使用它3个月，我想你有这个问题，因为字体大小是＆＃34;有时＆＃34;太小了，无法在某些Android手机中看到。我发现不同手机的字体大小和屏幕尺寸不同，所以你需要＆＃34;计算＆＃34;屏幕尺寸，以便更好地显示。

例如，我使用javascript和css设置主DIV的windowHeight，windowWidt和fontSize，以便在不同的手机中查看相同内容。

e.g。

<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，＆＃34; Hello＆＃34;应该是相同的＆＃34;比率＆＃34;对于不同的Android手机。

Answer 2

我是使用inappbrowser插件完成的。

放大Visual Studio中的Cordova应用程序

2 个答案: