Google Maps responsive in Beiträge einbinden

Ja, Google Maps lassen sich sehr gut in eigene Artikel mittels iframe einbinden. Doch leider ist das nicht responsive… Hier habe ich einen netten kleinen Kniff gefunden.

Um den iframe Code erzeugst Du einen Div Container der Klasse „gm“. Dann fügst Du einfach folgenden Schnipsel in Deine CSS Datei ein.

Ähnlich kann man das dann auch mit YouTube Videos und anderen Dingen machen… Die 75% geben im übrigen das Seitenverhätlis an und stehen für 4:3. Bei anderen Formaten kann man auch das Seitenverhältnis berechnen… ((Breite/Höhe)*100)



Hier einmal ein Google Maps Beispiel:

Erst einmal als Code:

Und hier als Ansicht:

Schreibe einen Kommentar