← zurück

Höhe der Karte bei Desktop-Darstellung 900px.

Höhe der Karte bei Mobil-Darstellung 600px bzw. 90% des Viewports.

Weiterhin bietet es sich für die Optimierung der mobilen Darstellung an, wenn die Karte über die volle Breite eingebunden wird. In vielen Fällen wird ein Rand durch die umgebenden Elemente des iframe mitgegeben, weshalb wir ein negatives margin empfehlen (siehe Beispiel).

iframe.areabutler {
	height: 900px;
}

@media screen and (max-width: 800px) {
	iframe.areabutler {
		margin: 0px -20px;
		height: 90vh;
		width: 100vw;
		width: -webkit-fill-available;
		width: -moz-available;
	}
}