Hinzufügen von Crosswalk zu einer Polymer-basierten Cordova App verursacht fehlerhafte UI

Question

Ich habe eine App für eine Weile mit Cordova mit Polymer gemacht, um eine nette Benutzeroberfläche zu machen. Ich möchte Android-Versionen unter Lollipop erlauben, die App zu verwenden, aber das erfordert die Verwendung von Crosswalks-Web-Ansicht. Ich habe das Plugin installiert und die App läuft jetzt auf älteren Android-Versionen, was großartig ist, aber die Benutzeroberfläche ist verrückt. Alles an der App funktioniert prima von Animationen bis hin zu Tastendrücken, nur das App-Fenster wird nicht so groß wie es soll wenn es im Hochformat ist.

Anbei ein Bild davon, wie meine App ohne Crosswalk (links) und mit Crosswalk (rechts) ausgesehen hat. Ich möchte natürlich, dass meine App wie die linke Seite aussieht, falls jemand sich fragt.

Both of the screenshots images were taken with the LG G4

Answer 1

Stellen Sie die viewport Meta-Tag in Ihrem html zu so etwas wie:

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

Reference