Question

我正在使用Phonegap开发Android应用程序。这是一个“问答”游戏，与大多数移动应用程序相比，它具有复杂的布局。

如何配置不同分辨率的自动重新缩放？

到目前为止，我正在执行与创建简单网页相同的过程：切片图像并使用CSS放入HTML。但是我注意到计划的解决方案大约是540x960，比我以前用过的很多手机要大。

Answer 1

我不确定，但我认为在我的情况下，index.html中的这一行是这样的：

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

希望它有所帮助:)。

我猜你的图像与我使用不同的分辨率和媒体查询有什么关系！

Answer 2

我存档只是在体内使用css变换比例。像这样：

body {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}

Answer 3

This可能与答案有关。

如何制作基于宽度 - 高度的设备html＆amp; css通过PhoneGap

如何配置我的Phonegap应用程序以相应地通过手机的分辨率缩放其视口？

3 个答案: