GoogleサイトのHTML埋め込みコードを縦・横幅いっぱいに表示する方法
GoogleサイトのHTML埋め込みコードを使用し、iFrameでGoogle Apps Scriptを呼び出し、表示しております。
しかし、スマホで動作確認したところ、どうやら縦幅はGoogleサイトの幅に依存するらしく、スマホとPCで見える縦幅が異なります。
スマホ・PC関係なく、画面幅いっぱいまでiFrameの内容を表示することは可能なのでしょうか?
お手数ですが、ご教授いただきますようお願いいたします。
なお、埋め込んでいるHTML文としては下記になります。
<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>