0

レスポンシブ iFrame を作成するための解決策を見つけようとしています。私はかなりの解決策を見つけましたが、それらは通常、iFrame を埋め込みたい人が親ページを制御できる状況を説明しています。

iFrame を使用して特定の Web ページを自分のページに埋め込むことができる埋め込みコードを提供する場合、親ページが埋め込まれていることを知らなくても、どのようにそれを行い、レスポンシブであることを確認する必要がありますか? つまり、iFrame 自体のコードからこれを実装できますか?

ありがとうございました！

4

1 に答える 1

0

技術的にはiframeをレスポンシブにすることができると思います..しかし、あなたが指しているWebサイトがレスポンシブでない場合、私には意味がわかりません。例を次に示します: http://jsfiddle.net/uMbWP/1/

右下のフレーム幅を変更して表示します。

最小幅を 320px に設定しました。これは、通常のモバイル デバイスと同じくらい小さいためです。

HTML:

<div class="wrap">
<iframe src="http://www.reddit.com"></iframe>
</div>

CSS:

.wrap {
    min-height:640px;
    min-width:320px;
}

iframe {
    width:100%;
    height:640px
}
于 2013-10-18T16:10:00.360 に答える