1

所以对我之前的帖子进行了一些跟进，但内容相当新……以及情况的变化。

所以我正在创建一个 Android 应用程序，通常通过记事本在 Adob​​e Muse 中编写，但这次发现 Muse 更容易，并将所有文件配置为电话，分辨率为 1280x720。而我的测试设备是HTC one X，屏幕分辨率为1280x720。完成所有代码后，我在 Adob​​e Phonegap 将其编译为 APK 并安装到我的手机上。

所以事实上，我在 muse（网站@1280x720）上写的内容应该是 1:1 在我的手机屏幕上。然而，事实并非如此。事实上，它以 2 倍的大小显示所有内容。我可以在我的屏幕上滚动..

事实上，我已经创建了第二个版本 *只有一个主页和一张图片，使用整个画布，但我已经制作了这个版本，正好是原版的一半；因此是 360x760 的画布。再次编译并安装，确实，猜猜看：没有滚动，图像占据了全屏。

其他含义：在路上的某个地方，我的手机认为它的屏幕尺寸是实际尺寸 (1280x720) 的一半 (360x640)。

我做了一个快速测试

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

希望它以某种方式适合整个屏幕的“一半”，但没有运气。

所以伙计们：我在这里，完全迷失了，没有任何线索了。谁能帮助我进行有效的 HTML/CSS/JS 配置，或者如果问题出在电话间隙配置上，请在那边帮助我？

单击此处下载站点文件和编译的 APK 以供您自己测试。注意：如果您在手机（而不是模拟器）上安装 APK，并且屏幕尺寸与 1280x720 不同，则当然会发生滚动。

ps 我做了第二个测试版，只有一个480x800分辨率的主页，上面只有一张图片，也在三星S3 mini上测试过（屏幕分辨率为480x800），还有整个事情似乎是 2 倍缩放.. 我真的迷路了。

pps 其他人说“记住，你还有状态栏”。对于那些有同样想法的人：我已将其设置为全屏，隐藏状态栏并使用全屏。

4

1 回答 1

2

解决了（你）我们的问题：

  • 打开位于“src/com.company.yourapp/YourApp.java”下的 YourApp.java
  • 将以下代码放在您的 loadUrl() 调用下方

// 视口设置 WebSettings settings = appView.getSettings(); settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

  • 打开您的 index.html 并（重新）放置视口元标记
<meta name="viewport" content="target-densitydpi=medium-dpi, user-scalable=no, initial-scale=0.5, minimum-scale=0.5, width=device-width" />
于 2014-01-03T07:33:12.987 回答