2

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

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

当我删除 height=device-height 它工作正常。换句话说,我在那里得到了错误的设备高度。在横向时,我是否需要切换到 height=device-width 之类的?因为这看起来有点奇怪,所以我希望我的身高会根据方向而改变。

4

2 回答 2

5

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

<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>

查看更多关于JQM 页面剖析的信息

于 2012-12-28T18:02:50.860 回答
0

要使用 iOS 屏幕,必须制作两个视图,一个用于横向,一个用于纵向,测量 ipad 屏幕为 1024 × 768 像素,然后我认为您应该直接用数字处理它们,或者继续尝试使用 PhoneGap 提供的选项

于 2012-12-28T17:38:32.847 回答