Question

我正在开发iOS（8和9）应用。我正在使用phonegap构建来打包所有内容和phonegap桌面以及phonegap开发者应用程序来进行一些测试。我的UI已经设计好了，使用phonegap开发者应用程序以及移动Safari时一切都很好，但是当我将它移植到我的设备时，UI看起来很模糊，包括字体，边框，div，甚至状态栏和键盘

这是正确的观点，使用Phonegap应用和移动游侠： Good

以下是安装时的实际视图： Bad quality

我设置了视口和缩放，但它们不会影响状态栏和键盘。

这是我的XML

<preference name="phonegap-version" value="3.7.0" />
        <preference name="orientation" value="default" />
        <platform name="ios">
            <preference name="Orientation" value="all" />
        </platform>
        <preference name="fullscreen" value="true" />
        <preference name="target-device" value="universal" />
        <preference name="webviewbounce" value="true" />
        <preference name="prerendered-icon" value="true" />
        <preference name="stay-in-webview" value="true" />
        <preference name="ios-statusbarstyle" value="lightcontent" />
        <preference name="android-windowSoftInputMode" value="adjustPan" />
        <preference name="ShowSplashScreenSpinner" value="false" />
        <preference name="detect-data-types" value="true" />
        <preference name="exit-on-suspend" value="false" />
        <preference name="show-splash-screen-spinner" value="false" />
        <preference name="auto-hide-splash-screen" value="false" />
        <preference name="SplashScreenDelay" value="5000" />
        <preference name="EnableViewportScale" value="true" />
        <preference name="TopActivityIndicator" value="gray" />
        <preference name="KeyboardDisplayRequiresUserAction" value="false" />
        <preference name="HideKeyboardFormAccessoryBar" value="true" />
        <preference name="SuppressesIncrementalRendering" value="true" />
        <preference name="android-minSdkVersion" value="18" />
        <preference name="android-installLocation" value="internalOnly" />
        <preference name="ErrorUrl" value="" />
        <preference name="BackgroundColor" value="0x000000" />
        <preference name="KeepRunning" value="true" />
        <preference name="DisallowOverscroll" value="true" />
        <preference name="LoadingDialog" value="" />
        <preference name="LoadUrlTimeoutValue" value="20000" />
        <preference name="disable-cursor" value="true" />
        <gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance" overwrite="true">
            <false/>
        </gap:config-file>
        <content src="index.html" />
        <gap:platform name="ios" />
        <gap:platform name="android" />

我必须提到使用较新版本的CLI无法解决问题。

这是我的元标记

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

Phonegap桌面示例应用也显示此行为。

您对可能发生的事情有任何想法吗？

Answer 1

我发现了这个问题。事实证明，自iOS 9以来，闪屏需求发生了变化。因此，当创建.ipa时，会丢失一些文件（iPhone 6和6 +的闪屏）。

将下一个xml代码添加到我的config.xml

<gap:splash src="Splash/Default-667h@2x.png" gap:platform="ios" width="750" height="1334" />
<gap:splash src="Splash/Default-Portrait-736h@3x.png" gap:platform="ios" width="1242" height="2208" />
<gap:splash src="Splash/Default-Landscape-736h@3x.png" gap:platform="ios" width="2208" height="1242" />

并且相应的文件成功了。现在这个观点看起来非常尖锐。

希望这有助于某人。

为什么整个屏幕会在iOS应用中放大？

1 个答案: