Ich weiß, wir können horizontal reagieren Inhalt in ionic 2. Was ich wissen möchte ist, wie Seiten Höhe reagieren für alle Arten von Bildschirmen zum Beispiel wenn ein Bildschirm den gesamten Bereich auf dem iPhone 5 abdecken dann sollte es ganze Höhe wisie Bereich abdecken im iphone 7 auch? Was ist der beste Ansatz, um dies zu erreichen?Wie man höhenempfindliche Bildschirme in ionischen 2 macht?
Antwort
Ich hoffe, ich habe Ihre Frage richtig verstanden, möchten Sie die Seitenhöhe die gleiche Höhe wie das Gerät anzeigen lassen?
Nun, lassen Sie mich Ihnen ....
Darstellungshöhe (oder vh)
Ein vh bis 1% der Höhe des Ansichtsfensters gleich ist. Wie Sie sich wahrscheinlich vorstellen können, wäre 100vh gleich 100% der Höhe des Viewports! Das Ansichtsfenster ist im Grunde die Ansicht der Seite. Allerdings Vorsicht, die VH-Einheit wird nicht in Internet Explorer 8 oder früher unterstützt.
Ich hoffe, Sie bekommen eine gute Idee, um die Responsive richtig aus den folgenden Parametern zu machen.
vw: 1/100stel Darstellungsbreite
vh: 1/100stel Darstellungsfeld Höhe
vmin: 1/100stel der kleinsten Seite
vmax: 1/100. der größten Seite
Eigentlich vh ist ein perfektes s um das Responsive basierend auf Viewporot zu machen. Das Ansichtsfenster ist der Bereich, in dem der Browser die Site rendert. Dies ist Ihr Bildschirm abzüglich des reservierten Speicherplatzes des Browsers Chrome. Manchmal möchten Sie ein Element basierend auf diesem Ansichtsfenster wie eine Seitenleiste anpassen. Dies kann mit einer Einheit geschehen, mit der wir alle vertraut sind: Prozentsätze.
Warum hast du ihm einfach meine Antwort gegeben? etw. – Amorris
Wie einige bereits erwähnt haben, können Sie vh
für die Höhe Eigenschaft auf Ihrem CSS verwenden. Der Haken dabei ist, dass sich die auch bei gleicher Bildschirmausrichtung ändern kann. Dies passiert, wenn Sie eine input
in Ihrer App platzieren und den Fokus erhält. Die Tastatur des mobilen Geräts wird auf dem Bildschirm angezeigt, und die Höhe des Ansichtsfensters ändert sich, weil die Tastatur daran teilnimmt. f Ihr Handy-Display ist 430x710 (einige Zufallszahl hier) 1VH7.1px sein würde, aber wenn Sie an einem Eingang tippen und können sagen, dass die Tastatur 430x300 ist, jetzt 1VH wird 4.1px ((- )/100)
Das ist ein echtes Problem mit Responsive Design sein könnte. Mein Rat ist, vw zu verwenden, die einzige Sache, die es ändern könnte, ist die Bildschirmausrichtung (Sie können es sperren). Der zusätzliche Schritt ist, dass Sie die Umwandlung verwenden müssen, um die richtige Nummer in vw zu erhalten, die Sie zuvor in vh wollten.
- 1. Wie wählt man Registerkarten in ionischen 2?
- 2. Wie in ionischen 2
- 3. Wie kann man ein lokales Cordova Plugin mit ionischen/ionischen 2/ionischen 3/ionischen 4 hinzufügen?
- 4. Ausfallen in ionischen 2
- 5. Wie Cordova Plugins in ionischen 2
- 6. Navigationscontroller: 2 Bildschirme zurück?
- 7. Wie wählt man automatisch zufällige Schieberegler in ionischen 2?
- 8. Wie macht man diese 2 Dinge in Sublime Text 2?
- 9. wie volle Kalender in ionischen 2
- 10. Wie funktioniert die Paginierung in ionischen 2?
- 11. Wie xml in ionischen 2 entschlüsseln?
- 12. Bildcaching in ionischen 2 Typoskripten wie Picasso
- 13. Wie dynamische Komponenten in ionischen 2
- 14. ionischen 2 Loading nicht
- 15. Wie man HTTP Basic Authentication in ionischen
- 16. Wie man Portal 2 Style-Übergänge macht?
- 17. ionischen 2 Geltungsbereich SASS
- 18. Wie fügt man einem ionischen 2 Element einen Welleneffekt hinzu?
- 19. Problem in erstellen Layout in ionischen 2
- 20. Wie man Tabs Element ionischen
- 21. Wie Komponente SCSS mit ionischen 2
- 22. Wie schließe ich alle ionischen 2 Modale?
- 23. Erstellen von Ionen-Suchleiste mit ionischen nicht mit ionischen 2
- 24. Wie man so eine Anfrage in Angular 2 macht?
- 25. Wie macht man Versprechen in Typescript/Angular 2?
- 26. Wie macht man diesen jQuery-Event-Handler in Angular 2?
- 27. Wie macht man CORS-fähige HTTP-Anfragen in Angular 2?
- 28. Wie man HTTP-Anfragen in Actionscript 2 macht
- 29. ng-click macht nichts in der ionischen Anwendung
- 30. Wird app.html noch in ionischen 2 verwendet?
wird dies in ionischen 2 unterstützt? –
@WaleedShabbir Viewporthöhe ist nativ für CSS/HTML, es funktioniert mit oder ohne ionic 2. – Amorris