Wie kann ein Container den gesamten Bildschirm unter der Navigationsleiste von Ionic füllen?
Ich möchte einen Iframe, um den gesamten Platz unterhalb der Navigationsleiste zu füllen. Ich sehe, dass Ionic Inline-CSS generiert und Klassen zu HTML-, Body-Tags hinzufügt und auch div-Wrapper erstellt. Ich weiß nicht, wie ich das erreichen soll, was ich will. Muss ich dafür eine vorgefertigte CSS-Klasse verwenden oder meine eigene schreiben? Wenn ja, wie sollte ich das tun, um das Layout nicht zu brechen.
Die Frage bezieht sich nicht wirklich auf iframe, es geht darum, dass ein Container den gesamten Bereich unter der Navigationsleiste ausfüllt.
Im Moment nimmt iframe die volle Breite, aber nur 150 Pixel Höhe, weil der Eltern-Container 150px Höhe hat.
Meine Anwendung basiert auf der ( Tabs-Anwendung von github ).
Mein Code ist unten:
index.html:
%Vor%tab-map.html:
%Vor%Im Moment sieht es so aus:
3 Antworten
Es gibt eine Klasse namens .scroll in ionic.css, Höhe hinzugefügt: 100% zum lokalen Stil, um sie zu überschreiben und es schien das Problem für mich zu lösen.
Ich denke, das funktioniert besser, da es sich an den Inhalt anpasst:
Fügen Sie die ion-nav-Ansicht in den Ioneninhalt ein und fügen Sie diese Eigenschaft in das ion-content-Tag ein
%Vor%Tags und Links html cordova ionic-framework ionic