埋め込みオブジェクトタグの自動高さ

Question

高さを自動的に取得するサイトのコンテンツに合わせたいと思っています。私はiframeで試してみました。私はここでCSSやJSスクリプトのコード例をLOTと読んで試しましたが、何の助けにもなりません。

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

これは私のコードです。

<object type="text/html" data="https://iloapp.learningknots.com/blog/blog?Home#niceURL" style="width:850px; height:2100px;"> 
<embed src="https://iloapp.learningknots.com/blog/blog?Home#niceURL"></embed> 
Error: Embedded data could not be displayed.</object> 

あなたはそれがここに私のウェブサイト上でどのように見えるかを確認できますmy website

Answer 1

ID年代をGIV、コンテナとしてDIVをHAV。

HTML

<div class="responsive-object"> 
    <object id="objid" type="text/html" data="https://iloapp.learningknots.com/blog/blog?Home#niceURL"> 
    <embed id="thissite" src="https://iloapp.learningknots.com/blog/blog?Home#niceURL"></embed> 
    Error: Embedded data could not be displayed.</object> 
</div> 

CSS

.responsive-object { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 

#thissite { 
    height: 100%; 
    width: 100%; 
} 

#objid { 
    height: 100%; 
    width: 100%; 
} 

フィドル

.responsive-object { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
#thissite { 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 

 
#objid { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<div class="responsive-object"> 
 
    <object id="objid" type="text/html" data="https://iloapp.learningknots.com/blog/blog?Home#niceURL"> 
 
    <embed id="thissite" src="https://iloapp.learningknots.com/blog/blog?Home#niceURL"></embed> 
 
    Error: Embedded data could not be displayed.</object> 
 
</div>