Anpassbar an die Größe des google maps embedded-code - CSS - /HTML -

Ich bin ein totaler Anfänger in CSS und HTML und ich Baue meine ersten basic-Seite für die Ausbildung.

Was ich will, tun, tun, ist, dass die eingebettete google-Karte Maßstab nach der Größe des browser-Fensters. Was sind Ihre Vorschläge? Gibt es eine Möglichkeit für den Einsatz von embedded code in eine CSS-Klasse?
Wie würdest du es tun?

Beispiel google maps-code:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.pt/maps?f=q&amp;source=s_q&amp;hl=pt-PT&amp;geocode=&amp;q=lisbon,+portugal&amp;aq=&amp;sll=39.399872,-8.224454&amp;sspn=36.11675,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Lisboa&amp;t=h&amp;z=11&amp;iwloc=A&amp;ll=38.706932,-9.135632&amp;output=embed"></iframe><br /><small><a href="http://maps.google.pt/maps?f=q&amp;source=embed&amp;hl=pt-PT&amp;geocode=&amp;q=lisbon,+portugal&amp;aq=&amp;sll=39.399872,-8.224454&amp;sspn=36.11675,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=Lisboa&amp;t=h&amp;z=11&amp;iwloc=A&amp;ll=38.706932,-9.135632" style="color:#0000FF;text-align:left">Ver mapa maior</a></small>
InformationsquelleAutor danielaG | 2012-02-02
  1. 4

    Also eine Möglichkeit ist, einfach ändern Sie die Breite und Höhe Attribute Proz.

    <iframe width="50%" height="50%"...

    Eine andere option wäre, diese Attribute aus und erstellen Sie ein CSS-element-Selektor in Ihrem stylesheet

    iframe{width:50%;height:50%;}

    Wenn Sie ein class-Attribut sagen:

    <iframe class="map"...

    Können Sie weiter spezifizieren Sie Ihre Klasse:

    iframe.map{width:50%;height:50%;}

    Sitepoint hat eine gute CSS-Referenz:
    http://reference.sitepoint.com/css

    • Große, können Sie die Antwort akzeptieren?
    InformationsquelleAutor Mano Marks
Schreibe einen Kommentar