我正在使用 Phonegap 开发一个 Android 应用程序。这是一款“问答”游戏,与大多数移动应用程序相比,它的布局复杂。
如何配置为以不同的分辨率自动重新缩放?
到目前为止,我正在做与创建简单网页相同的过程:切片图像并使用 CSS 放入 HTML。但我注意到计划使用的分辨率约为 540x960,比我习惯的许多手机都要大。
我正在使用 Phonegap 开发一个 Android 应用程序。这是一款“问答”游戏,与大多数移动应用程序相比,它的布局复杂。
如何配置为以不同的分辨率自动重新缩放?
到目前为止,我正在做与创建简单网页相同的过程:切片图像并使用 CSS 放入 HTML。但我注意到计划使用的分辨率约为 540x960,比我习惯的许多手机都要大。
我不确定,但我认为 index.html 中的这一行可以做到:
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
希望能帮助到你 :)。
我猜你所拥有的图像与不同的分辨率和媒体查询有关!
我只是在正文中使用 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);
}
这可能是相关的答案。
如何通过 PhoneGap 制作基于设备宽高的 html 和 css