Mein Faltblatt Leinwand sieht derzeit wie folgt aus, mit einer 700px Höhe:Wie bekomme ich eine Broschüre mit 100% Höhe?
Allerdings würde ich seine Höhe mag es 100% sein, um den gesamten Leerraum zu nehmen.
Höhe: 100% funktioniert nicht in den CSS-Eigenschaften des Kartenbereichs. Ich habe ein paar Lösungen gefunden, aber sie sind nur gut für Google Maps.
Hat jemand eine Lösung, auch wenn es nur ein Workaround ist? Danke!
Mit height: 100% funktioniert, es muss nur die übergeordneten Container zu einer Größe haben (working demo):
html, body {
height: 100%;
}
#map {
width: 100%;
height: 100%;
}
Der beste Weg ist die CSS-Längeneinheiten vh und vw zu verwenden. Diese ermöglichen einem Block-Level-HTML-Element, eine Dimension relativ zu der Ansichtsfenster- Größe zu haben, statt der Größe seines übergeordneten Elements (wie tut).
z.B .:
#map {
width: 100vw;
height: 100vh;
}
Zum Vergleich: https://developer.mozilla.org/en-US/docs/Web/CSS/length
Danke, ich kannte diese Einheiten nicht, ich werde es versuchen. –
Danke, ich es geschafft, durch Zugabe Höhe funktioniert: 100% ziemlich überall. Aus irgendeinem Grund nimmt die Karte jetzt "mehr" als 100% an und fügt so dem Browser Bildlaufleisten hinzu. –
@ojathelonius Schwer zu sagen, was falsch ist, ohne Code. Haben Sie Nicht-Null-Padding auf "Körper"? – Jieter
Ich eigentlich nicht. http://i.imgur.com/QLrtDKi.jpg Momentan sieht es so aus, ich kann die Karte verschieben, indem ich scrolle und die Karte geht unter die feste obere Leiste oder die Navigationsleiste ... –