2011-09-13 6 views
1

こんにちは、私は、ブラウザウィンドウのサイズに応じてiframeのサイズを変更しようとしているが、私はあまりにも高さと幅として回っている。私が混乱しているところについての本当の説明を本当にありがとうと思います。iframeのサイズを変更するにはどうすればよいですか? (CSSのメディアクエリですか?)

CSSのメディアクエリの使用方法は、画面サイズに応じてdiffスタイルシートを使用する方法を理解していますが、iframe内の高さと幅を事前に定義する必要がある場合、別のウェブサイトにあるiframeにどのように適用されますか?

iframeの内部に高さと幅を定義する必要がありますか?または、メディアクエリを使用してiframeを含むブラウズウィンドウのサイズを検出し、それに応じて高さと幅の値を設定できます。

たとえば、iframeには通常どおりのものがありますが、他のウェブサイトがiphoneに表示されているようなiframeを得るにはどうすればよいですか?

何か不足していますか?

答えて

1

iframeの高さ/幅をパーセントで設定してみてください。 Like:

<iframe height="100%" width="100%"></iframe> 

これにより、親コンテナに応じてiframeが最大サイズに拡大されます。

+0

この記事では、メディアクエリでiframeのサイズを変更する詳細な例があります。http://matthewjamestaylor.com/blog/responsive-banner-ads私は誰かを助けることを願っています。 –

関連する問題