如何縮放Cordova / PhoneGap應用程序？ 我應該使用“ cordova-anyscreen”，還是太笨拙？

Question

我在比例相同但設備像素比例不同的不同設備上縮放應用程序時遇到問題。

示例：我有兩個360x640屏幕，並且使所有內容都適合其中一個，但是在另一個屏幕中，內容太大。 我使用em / rem單位並更改html上的字體大小，還是我使用媒體查詢或px單位都沒有關系。 只要比例相同，它們的結果就會不同。

我的選擇是：

1. 使用視口單元並放棄對舊設備的支持（或使用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">

並在您的CSS中盡可能使用％或em。

要在CSS中定義不同的屏幕尺寸，請使用

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

Answer 2

我不知道這是否會對您有幫助，但對我有幫助。

我有同樣的問題，因為縮放，將我的代碼編譯到android / ios設備。 下部菜單不顯示。

但是我發現英特爾XDK可以在其中為許多設備和操作系統構建應用程序，它可以使用人行橫道/科爾多瓦等自動縮放功能。 也許這會有所幫助。

試試看 ：）