使Phonegap应用程序在iPad和iPhone之间正确缩放

问题描述:

我面临的问题与我的Phonegap构建中,我正在构建的应用程序被锁定到横向并构建到iPad尺寸(2048x1536px)。使Phonegap应用程序在iPad和iPhone之间正确缩放

当我在iPad上打开IPA时,一切正常。

当我在我的iPhone上打开IPA时,它会缩小到设备的宽度,但由于该应用被锁定到横向,我实际上需要将其缩放到设备的高度。 (听起来很简单,对不对?)我已经通过一些可用的配置和索引设置来尝试获得解决方案,但它只会变得更糟,而不是更好。

我想知道是否有人可以建议一种方法来做到这一点。在配置有两个相关的设置

NAME =“全屏” NAME =“EnableViewportScale”

和索引HTML,其负载的应用程序调用,提供了一个通用的视口设置。这被设置在缩放到设备宽度的版本中(当保持在其所需的横向位置时,将应用的一部分悬挂在屏幕的底部)。

任何人都知道解决方案吗?我怎样才能让html去“这是横向的,所以我应该缩放到设备高度。”

您正在使用哪个Web框架?我在jquery mobile中这样做可以缩放到全屏,并且无论我的设备的大小如何,它都是全屏。

http://demos.jquerymobile.com/1.2.1/docs/toolbars/bars-fullscreen.html

+0

感谢您的快速回复。我从一个HTML5网站导出不同的indesign,然后用config.xml文件打包一个图标作为zip文件上传到Phonegap。 不幸的是,我不是一个编码器 - 因此我为什么使用indesign和phonegap - 所以只能从对HTML的有限理解中工作。 –

+0

不难看出你试图达到的效果。你可以在这里保存代码并将它作为你的cordova项目的一部分运行,看看它是否以你正在寻找的同一个“全屏”模式运行?如果是这样,那么这是要使用的代码。 https://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_toolbars_fullscreen –

+0

不幸的是,我没有一个科尔多瓦项目。我直接使用build.phonegap.com。问题是应用程序在横向模式下缩放到设备宽度,在iPad上没问题,因为应用程序设计为iPad的屏幕分辨率。然而,iPad比iPhone更方形。所以当iphone上出现相同的应用程序时,它会再次缩放到边缘。这使应用程序离设备屏幕底部边缘的1/3左右... –