javascript - DoubleClick for Publishers: レスポンシブ広告の表示

Question

これが私の現在のコードです。

// Head
<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>
<script>
    var googletag = googletag || {};
    googletag.cmd = googletag.cmd || [];
</script>
<script>
    googletag.cmd.push(function() {
        googletag.defineSlot('/xxxxxx/Mobile_ad', [[375, 60], [728, 60]], 'div-gpt-ad-154504231384304-0').addService(googletag.pubads());
        googletag.pubads().enableSingleRequest();
        googletag.enableServices();
    });
</script>

// Body
<div style="width:100%;text-align:center;margin-bottom:10px">
    <div id='div-gpt-ad-1545041384304-0'>
        <script>
             googletag.cmd.push(function() { googletag.display('div-gpt-ad-1545045413584304-0'); });
        </script>
    </div>
</div>

ただし、幅と高さが固定されたサイドiframeにバナーが表示されます。

これをレスポンシブにするにはどうすればよいですか？以前は、同期レンダリングでカスタムhtmlを使用していましたが、現在は非推奨です。

これを達成するための最良の方法は何ですか？

フォローしました - https://support.google.com/admanager/answer/3423562?visit_id=636827968345729217-1005578671&hl=ja&rd=2

しかし、これについては、画面のすべての高さと幅について言及する必要があります。