div 内に iframe があり、その div は iframe のコンテンツの一部を表示する必要があり、ブラウザが大きくなったり小さくなったりすると、それに比例して div を変更する必要があります。これを実現するにはどうすればよいでしょうか。 _html/css_WEB-ITnose

div 内に iframe があります。 div は iframe のコンテンツの一部を表示するために必要であり、ブラウザが大きくなったり小さくなったりすると、それに比例して div を変更する必要があります。これを実現するにはどうすればよいですか?

実装できる限り、JavaScript を使用して実行することもできます。

十分なスコアが得られない場合は、専門家に試してもらってください。

ディスカッション (解決策) に返信

これは本当ですか

  <style>html,body{height:100%;}</style><div style="width:50%;height:50%;position:relative;"><iframe src="http://www.baidu.com" style="width:100%;height:100%;position:absolute;top:0px;left:0px;"></iframe></div>

iframe によって表示されるコンテンツは幅によって制御され、ブラウザが大きくなったり小さくなったりすると、div はパーセンテージを使用します,

dc6dce4a544fdca2df29d5ac0ea9906b
5d87be5b12dc443c29b5465775849bd8065276f04003e4622c4fe6b64f465b88

var ifm= document.getElementById("iframe H");
var subWeb = document.frames ? document.frames["iframeH"].document : ifm .contentDocument;
ifm.height = subWeb.body.scrollHeight }
<