Google App Maker Handy und Browser-Kompatibilität

Question

App Maker Beispielprojekte funktionieren perfekt in Handys, Formulare und Tabellen sind perfekt auf die mobile Ansicht angepasst. Aber was auch immer wir in App Maker entwickelt haben, die Designs sind nicht an mobile Layouts angepasst, die sie immer noch in der Desktop-Ansicht sind. Gibt es eine Option, um die Anwendung so zu konfigurieren, dass sie im mobilen Einsatz funktioniert?

Unsere Anwendung funktioniert nicht richtig in Safari ist, dass jedes Browser-Kompatibilitätsproblem von App-Maker oder es ist das Problem von unserer Seite.

Answer 1

Sie müssen die Abschnitte "Flow" und "Layout" zusammen mit den Panels verwenden, um sicherzustellen, dass Ihre Widgets bei der Größenanpassung des Bildschirms richtig gruppiert werden. Sie können dies einfach in Chrome testen, indem Sie F12 drücken und die Gerätesymbolleiste umschalten (Strg-Umschalt-M oder das 2 Mobilgeräte-Symbol oben in der Seitenleiste).

Lesen Sie auf CSS Flexbox, um zu verstehen, wie der Flow-Abschnitt funktioniert. Mit einer Kombination aus Überfüllung überfüllen und An Inhalt anpassen im Layout, mithilfe von horizontalen/vertikalen Feldern und Gruppieren Ihrer Widgets in Panels sowie mithilfe der Flexbox-Funktionen sollten Sie in der Lage sein, Ihren Bildschirm für Desktop- und Mobilgeräte unterschiedlicher Größe zu erhalten. Es braucht allerdings etwas Zeit, um die richtige Kombination zu finden.