0

こんにちは、ブロガーのブログで iframe フルハイトを使用しています。

使用される CSS は次のとおりです。

#iframe {
   height: 100%; 
   width: 100%; 
   display: block;
   border:0;
   margin:0;
   padding:0;
}

Javascriptは次のとおりです。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
    var height = window.innerHeight;

    $(document).ready( function(){
       $('iframe').css('height', height);
    } );
</script>

HTMLは次のとおりです。

<iframe id="iframe" src="http://mybloggertricks.com"></iframe>

上記の同じ属性を使用してDreamviewerでこれをテストしましたが、IEでも正常に機能しています。しかしブロガーだけでは、IE ブラウザだけでは動作しません。この問題について誰か助けてください助けてください。

ここのブログを参照してください: http://new-temp.blogspot.com/2012/12/my-blogger-tricks.html

4

2 に答える 2

0

彼の負荷を監視する iframe は、次のようなコードです。

 var height = window.innerHeight, iframe = $('iframe');
 iframe.load(function(){
     setTimeout(function(){
         iframe.css('height', height);
     }, 100);
 });
于 2012-12-25T02:49:05.773 に答える
0

ブロガーにブログ iframe を追加するためのツールは次のとおりです: http://www.makingdifferent.com/online-iframe-generator-tool-for-blogwebsite/

それが役に立たない場合。以下のコードをガイドとして使用できる場合があります。コード全体をコピーしてブロガーのページまたは投稿に貼り付けるだけで、iframe の高さが 100% 拡大する様子をテストできます。

幅を 100% 拡大したくない場合は、すべての幅セクションを目的の幅に合わせて変更します。

<style>
#inside-iframe {
height:100%;
width:100%;
position: fixed;
scroll: no;
top:0px;
left:0px;
padding:0px;
z-index:9999;
}

body {
width:100%; 
height:100%; 
}
html {
width:100%; 
height:100%; 
}
</style>

<div id="inside-iframe">
<object width="100%" height="100%"><embed src="http://mybloggertricks.com" width="100%" height="100%"></embed></object>
</div>
于 2013-07-05T14:54:51.920 に答える