Googleマップの埋め込みコードに適したサイズ - CSS/HTML

Question

私はCSSとHTMLで完全に初心者です。トレーニングのための最初の基本ページを作成しています。

私がしたいことは、ブラウザウィンドウのサイズに応じて埋め込まれたGoogleマップの縮尺を作ることです。あなたの提案は何ですか？ CSSクラスで埋め込みコードを使用する方法はありますか？ どうやったらいいですか？

例Googleマップコード：

<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> 

Answer 1

だから、一つの選択肢は、単に幅を変更することで、高さがパーセントに属性。

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

別のオプションを使用すると、クラス属性を追加した場合はアウトこれらの属性を取ると、あなたのスタイルシート

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

でCSS要素セレクタを作成することです言う：

<iframe class="map"... 

あなたがさらにできますあなたのクラスを指定してください：

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

SitepointのCSSリファレンスは http://reference.sitepoint.com/css

Answer 2

です。これら2つのリンクを確認してください。最初のものはどうもありがとうございました、コード二つ目は結果

http://www.leapbeyond.com/ric/scuba/appletdemo/FullScreenMapCode.htm

http://www.leapbeyond.com/ric/scuba/appletdemo/FullScreenMap.htm