

GoogleサイトのHTML埋め込みコードを使用し、iFrameでGoogle Apps Scriptを呼び出し、表示しております。  
しかし、スマホで動作確認したところ、どうやら縦幅はGoogleサイトの幅に依存するらしく、スマホとPCで見える縦幅が異なります。

スマホ・PC関係なく、画面幅いっぱいまでiFrameの内容を表示することは可能なのでしょうか？

お手数ですが、ご教授いただきますようお願いいたします。

なお、埋め込んでいるHTML文としては下記になります。

[code]

    <html>
        <head>
            <style>
              #wrapper {
                position: relative;
                width: 100%;
              }
              #wrapper:before {
                content:"";
                display: block;
                height: 100%;
              }
              #content {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
              }
            </style>
        </head>
        <body>
            <div id="wrapper">
                <iframe id="content" src="https://script.google.com/macros/s/[id]/exec" frameborder="0"></iframe>
            </div>
        </body>
    </html>
    
[/code]


CC BY-SA 4.0
2019-11-05T06:08:23.420
60270
2019-11-05T06:27:40.613
2019-11-05T06:27:40.613
36489
36489
question
html
GoogleサイトのHTML埋め込みコードを縦・横幅いっぱいに表示する方法