1

我刚刚开始通过 PhoneGap 设计一个带有 Html、Css、Js 的移动应用程序，我的第一个目标是确保所有内容都完美地适合任何给定的手机。所以我想问你们我的方法是否正确，我应该如何实施。

我的想法是通过 JavaScript 获取设备的宽度和高度，我认为有一些 PhoneGap 函数可以返回这些值。然后我将使用这个值来设置 html 宽度和高度（我认为我应该通过 onBodyLoad() 函数执行此操作，如果有错误请纠正我），这样我将 html 正文设置为设备屏幕大小，然后我通过 % 而不是像素来定位所有其他元素。

我还在一些随机搜索中看到了这一行：

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

这看起来也应该有效，但我不确定它是否有效，以及它是如何工作的。Soo ...你们认为最好的方法是什么？也许还有其他一些我不知道的？

非常感谢您的帮助！

4

2 回答 2

0

根据您使用的元素等，您应该能够只将宽度设置为百分比，不需要任何 javascript 或类似的东西。

您发布的视口代码块是非常标准的 Phonegap 代码，它只是让您无法进入页面等。

于 2013-01-16T23:18:18.680 回答
0

这是一个免费的 PhoneGap 框架。它有一个 div#body 作为应用程序的外壳，#body 具有作为手机屏幕的全宽和全高。一切都包含在#div 中。

于 2013-01-17T04:46:20.730 回答