android - 如何扩展我的 Cordova/PhoneGap 应用程序？我应该使用 "cordova-anyscreen"还是太老套了？

Question

我在比例相同但设备像素比因数不同的不同设备上扩展我的应用程序时遇到问题。

示例:我有两个 360x640 屏幕，我让其中一个适合所有内容，但另一个显示的内容太大。无论我使用 em/rem 单位并更改 html 上的字体大小，还是使用媒体查询或 px 单位，都没有关系。只要比例相同，结果就会不同。

我的选择是:

1. 使用视口(viewport)单位并放弃对旧设备的支持(或使用 Crosswalk 并将 20mb 添加到我的 500kb 应用程序)，或者
2. 使用cordova-anyscreen ，这是我唯一找到的东西，但似乎是错误的。

我可能遗漏了一些东西，但我已经花了整整两天时间浏览 Google 和 Stackoverflow，但我不明白人们如何使应用程序按比例缩放且与密度无关。我真的需要帮助。谢谢。

Answer 1

我从事传统的工作方式。

我使用 css 使其适用于其他设备。

只要确保有，

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

如果可能，请使用 % 或 em 作为您的 CSS。

要在 css 中定义不同的屏幕尺寸，请使用

@media (min-width:400px) and (max-width:434px){}
/* This is for iPhone 6+ */