2016-04-11 7 views
0

Ich bin neu in Cordova. Ich setze ein div auf die Höhe: 100%; Breite: 100%Cordova/Phonegap ignoriert Höhenwert von div in iOS

Die Breite wird perfekt respektiert, aber Höhe wird in iOS vollständig ignoriert. Auch wenn ich versuche, es auf 50%, 200% usw. zu ändern. Div Höhe funktioniert in Android gut, es nimmt 100% des Bildschirms auf.

Irgendeine Idee, wie ich das umgehen kann? Vielen Dank!

+0

versuchen 'Höhe: 100vh;' und 'Breite: 100vw;' – Akis

+0

Funktioniert wie ein Charme! – OnesZeroesTwos

Antwort

0

Versuchen Sie, eine HTML-Seite mit einem div darin zu erstellen. Stellen Sie jetzt die div-Breite auf 100% und die div-Höhe auf 100% ein.

Sie werden das gleiche bemerken: es funktioniert für die Breite, aber nicht für die Höhe.

Aus meiner Sicht ist dies, weil HTML-Seiten vertikal, aber nicht horizontal scrollen sollen. Die Höhe Ihrer Seite wird durch den darin enthaltenen Inhalt bestimmt, während auf der horizontalen Achse die Größe Ihrer Komponenten geändert wird, um die Seitenbreite beizubehalten.

Wenn Sie HTML verwenden, sollten Sie versuchen, die Fensterhöhe in Javascript abzurufen und die Höhe auf diese Zahl zu setzen.

0

Try line-height:100%; zusammen mit height:100%;

0

Versuchen Sie, Ihre CSS mit Darstellungsgrößen zu ändern: height: 100vh; and width:100vw; vh ist die vertikale Höhe des Bildschirms und vw ist die Breite. Weitere Informationen können gefunden werden here

Verwandte Themen