Hybrid-Anwendung mit Cordova und Ionic Framework und Schreiben von CSS für Mobile, Tablet und Desktop

Ich versuche, eine Hybrid-App mit Cordova und Ionic Framework zu bauen. Im Fortschritt dachte ich, wird das gleiche CSS für Mobile, Tablet und Desktop funktionieren. Ich bin mehr besorgt mit den Vh und Vw (relative Einheiten basierend auf View-Port Höhe und Breite) in CSS für Desktop und auf der Grundlage der verschiedenen Bildschirmauflösung wird es die Schriftgröße, Symbol und Bildgröße erhöhen.Hybrid-Anwendung mit Cordova und Ionic Framework und Schreiben von CSS für Mobile, Tablet und Desktop

So ist es der beste Weg, um es zu codieren. Oder sollte ich separate CSS-Datei für den Desktop erstellen, um verschiedene Auflösungen zu behandeln. Was ist der beste Ansatz, um eine Hybrid-App zu erstellen, die mit einer Codebasis auf Mobilgeräten, Tablets und Desktops funktioniert?

Vielen Dank für Ihre Hilfe im Voraus.

Quelle

2016-09-30 joe

Wenn Sie Ihre benutzerdefinierte CSS schreiben, um es reagiert, dann können Sie Medienanfragen verwenden oder sonst können Sie mit einigen ansprechenden Rahmen wie Bootstrap, die Sie Apps für jede Größe von Gerät bauen helfen – Zeeshan

Aber ich Ich baue eine App mit Cordova und Ionic. Und es hat Profis mit eckigen js Unterstützung – joe

Ionic selbst bietet das reaktive Raster, mit dem Sie Ihren Inhalt ausrichten können.

Sie können hier für weitere Informationen auschecken. http://ionicframework.com/docs/components/#grid

Quelle

2016-09-30 13:21:56

Right ionic bietet Responsive Grid, aber es verwendet vh und vw, so dass auf der Grundlage der mobilen Gerät Ansichtsfenster die Größe des Textes und Symbol ändert. Aber was ist mit Desktop, ist es in Ordnung, vh und vw zu verwenden? Wenn ich vh und vw verwende, wird die Größe der Seite basierend auf der Monitorauflösung angepasst. Also ist es der beste Weg, es zu tun? – joe

Ich glaube nicht, ionic app wird auf dem Desktop laufen.Ionic ist rein für die Entwicklung von mobilen Apps. Ionic ist speziell für mobile und Tablet-App. Sie müssen also nicht über das Auflösungsproblem nachdenken, da ionic dies bereits für Sie erledigt. Gehen Sie voran und verwenden Sie ionische Gitter und sehen Sie das Ergebnis live auf dem Desktop mit Ionic Lab. –

Es kommt darauf an, welche Version Sie derzeit im ionischen Rahmen verwenden, um das beste UX zu erstellen.

Ionic 1

1 Ionic auf den Aufbau von nativen/Hybrid mobile Anwendungen statt mobile Websites fokussiert ist. Einige der Einschränkungen, denen Sie wahrscheinlich im Laufe der Zeit begegnen würden, sind UI/UX und Browser-Unterstützung. Es hängt wirklich davon ab, auf was Sie sich mehr konzentrieren.

Wenn eine native/hybride App der Hauptansatz ist, dann ja, die Verwendung von ionischen ist in Ordnung (aber die Website möglicherweise nicht die beste UI/UX). Wenn Sie sich mehr auf die Web-App und nicht auf die native/hybride App konzentrieren, würde ich nicht vorschlagen, ionisch zu verwenden.

Documentation for Ionic 1

Ionic 2

Ionic 2 auf den Aufbau von sowohl nativen/Hybrid-Anwendungen obwohl Cordova, sowie um die Möglichkeit für Progressive Web Apps und Electron fokussiert ist, wie here erwähnt. Wenn Sie diesen Ansatz verfolgen und das Beste aus beiden Welten wollen, dann gibt es viele Tools, um das zu erreichen.

Beachten Sie, dass Ionic 2 Angular 2 nutzt, die Projekte sind anders strukturiert als Ionic v1 bis v2 (auf eine intuitivere Weise). Ich schlage vor, die Dokumentation für beide zu prüfen, was für Sie am besten für den Endnutzer ist, und eine Entscheidung darüber zu treffen.

Documentation for Ionic 2

Quelle

2016-09-30 13:38:34 Sam5487

Ich bin durch die Dokumentation gegangen, aber ich bin ein wenig verwirrt, ob ich mit Cordova + ionic mit einer Code-Basis für Handy, Tablet und Desktop gehen sollte. Gibt es noch ein anderes Tool, das Sie mir als Alternative vorschlagen können? – joe

Hybrid-Anwendung mit Cordova und Ionic Framework und Schreiben von CSS für Mobile, Tablet und Desktop

Antwort

Verwandte Themen