Ios Phonegap景观应用程序;然而高度是肖像的高度

Ios Phonegap景观应用程序;然而高度是肖像的高度,ios,cordova,height,Ios,Cordova,Height,快速提问,因为我认为对于那些知道它是如何工作的人来说这应该是非常简单的(HTML5应用程序构建对我来说是新的) 我正在使用Phonegap构建一个应用程序,但问题是,从Phonegap构建的默认应用程序是纵向的。至少看起来是这样。当我在ipad上测试应用程序时,宽度调整得很好,但由于某种原因,高度比身体的实际内容要大。我把范围缩小到这一行: 当我移除高度=设备高度时,它工作正常。换句话说,我得到的设备高度是错误的。在横向时,是否需要切换到高度=设备宽度或其他?因为这看起来有点奇怪,我希望我的身

快速提问,因为我认为对于那些知道它是如何工作的人来说这应该是非常简单的(HTML5应用程序构建对我来说是新的)

我正在使用Phonegap构建一个应用程序,但问题是,从Phonegap构建的默认应用程序是纵向的。至少看起来是这样。当我在ipad上测试应用程序时,宽度调整得很好,但由于某种原因,高度比身体的实际内容要大。我把范围缩小到这一行:


当我移除高度=设备高度时,它工作正常。换句话说,我得到的设备高度是错误的。在横向时,是否需要切换到高度=设备宽度或其他?因为这看起来有点奇怪,我希望我的身高会根据方向而变化。

要使用iOS屏幕,必须制作两个视图,一个是横向视图,一个是纵向视图,如果ipad屏幕是1024×768像素,那么我想你应该直接用数字来处理它们,或者继续尝试PhoneGap提供的选项

我认为下面的代码解决了您的问题。你需要使用

<meta name="viewport" content="width=device-width, initial-scale=1">.
这个结构呢

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">
</script>
</head> 

<body> 
...content goes here...
</body>
</html>

页面标题
…内容放在这里。。。
查看更多信息