0

編集：このすぐ下にあるものは回答済みです-その回答から生じた現在の質問については、その下の質問を参照してください。

以下のコードにより、ページが画面に収まるようになり、iframe のサイズを任意の高さまたは幅に変更でき、ページはスクロールしません。これが私が欲しいものです。ただし、ページで iframe を切り取ってほしくありません。ブラウザー ウィンドウに合わせて iframe を伸縮させたい。これを効率的に達成するにはどうすればよいですか？javascriptなしでできますか？これに JavaScript が必要な場合は、初心者レベルの説明、または適切なチュートリアル リンクを提供してください。私はJSが初めてです。

これが私がこれまでに持っているものです：

HTML:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body>
    <div class="wrapper">
        <iframe id="myIframe" src="https://#.com" border="0" scrolling="no" frameborder="0">    
        </iframe>
    </div>
</body>
</html>

CSS:

body, html {
    margin: 0;
    padding: 0;
}
.wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
}

編集！ここで iframe で使用したいこの特定のページは、URL 自体で非常に興味深い制御機能を提供しています。URL により、サイズを制御できます。したがって、これにより、javascript の使用を含む新しい質問をすることになります。私の新しい質問はこれです：

URL のサイズ コントロールを利用するために、ある種の JS スクリプトを使用できますか

<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&amp;width=1280&amp;height=1280&amp;secure=true&amp;key=0202f0ddb5a3458aabf520e5ab790ab9&amp;"

iframe コンテンツのサイズをユーザーのブラウザ ウィンドウに動的に合わせるには?

これにより、元の質問に対する解決策と二次的な解決策が組み合わされ、ここで私の問題に対する完全な修正が提供されます。

(ここでの私の目標は、実際には、この Twitch フィードを私の Web ページの背景として配置することです。iframe の実際のコンテンツのサイズを変更することは、実際には非常にありそうにありませんが、ここでの追加処理の可能性があるようです!)

4

2 に答える 2

0

iframe のコンテンツを拡大しようとしている場合は、.....

iframe ドキュメント内のすべての要素に比例した高さと幅を与える css を記述する必要があります。

iframe href がドメインのものでない場合、これを達成する方法はありません。

全体として、スクロールバーなしですべてのものが画面に表示されるように、ページのコンテンツを引き伸ばす方法はありません。

于 2013-09-16T05:21:39.300 に答える