html - 我网站上AdSense图片广告下的空白问题

Question

我正在一个响应式网站上工作，并遇到设计问题。

当在我的网页上投放图片广告并且页面宽度小于480像素时，AdSense广告下方有一个空白。

如何摆脱这个空白？

这是classified ads website

此页面上有3个AdSense广告，仅在投放图片广告时选中其中任何一个。

我在说这个div

<div class="banner-728">

Answer 1

您必须create a responsive ad unit才能使添加项具有响应能力，否则您将尝试执行的任何操作（CSS或javascript）都将不起作用。


Create a responsive ad unit
How to modify your responsive ad code


更改并使用以下代码段将自适应广告单元添加到您的网站：

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>