Phonegap Developer App和Phonegap Build有不同的行为

Question

我正在为android和iOS平台使用phonegap build开发移动应用程序。iOS版本在build版本和Phonegap Developer App上看起来都很好，而且完全相同。Phonegap Developer App在Android上的工作方式也是一样的。但是当我将phonegap build的apk文件安装到Android时，特定div的某些html布局会出现错误的缩放，就好像我在css中为这个div编写了另一个宽度一样。但是我应用程序的其余部分看起来还可以。在这种情况下，我最困惑的是Phonegap Build应用程序和phonegap开发应用程序的不同外观。我试图从config.xml中删除所有插件，以检查它们是否会以某种方式影响应用程序的行为，但结果是一样的。所以我的问题是：为什么构建版本和开发人员版本的行为可能有区别？

<?xml version='1.0' encoding='utf-8'?>
<widget id="myapp" ios-CFBundleIdentifier="myapp" version="1.0.3" xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0">
<name>Test App</name>
<description>
    Hello World sample application that responds to the deviceready event.
</description>
<author email="[e-mail]" href="http://phonegap.com">
    PhoneGap Team
</author>
<content src="index.html" />
<access origin="*" />
<allow-intent href="*" />
<allow-navigation href="*" />
<preference name="fullscreen" value="false" />
<preference name="Orientation" value="portrait" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<edit-config file="AndroidManifest.xml" mode="overwrite" target="/manifest/application/activity[@android:name='MainActivity']">
    <activity gap:configChanges="orientation|keyboardHidden" gap:windowSoftInputMode="adjustPan" />
</edit-config>
<branch-config>
    <branch-key value="some_key" />
    <uri-scheme value="some_value" />
    <link-domain value="some_domain" />
    <ios-team-release value="some_value" />
</branch-config>
</widget>

看起来不错，看起来不对（圆圈）

Answer 1

如果问题是超文本标记语言内容大小，听起来像是视口问题。所有制造商都倾向于更改Android webview引擎，因此为了确保您的应用程序在大多数设备上看起来相同，您必须将此元标记添加到head部分您的index.html文件：

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

这意味着：

• 用户无法放大你的应用

为了防止出现此类问题，您应该使用示例索引创建应用程序。使用命令行界面创建新应用程序时，Cordova生成的html。这将创建一个带有索引的应用程序。具有适当结构的html和CSS文件，以确保它在每个设备上看起来（大部分）相同。

Answer 2

如果您没有使用响应式设计，您将需要减小图像的大小，因为这会在每个不同的设备上发生。