Css 有没有一种方法可以调整谷歌adsense的响应性设计？

我在我的wordpress设计中使用了谷歌adsense（即使用twitter引导）。现在，当该网站调整广告大小时，广告棒会伸得很远，看起来很糟糕

我能帮上什么忙吗？事实上，我看到一个网站看起来像是有人在小屏幕上调整广告大小……我不确定这是怎么可能的，因为它是java脚本，对吧

---

任何反馈都会非常有用。谢谢

理想情况下，CSS媒体查询可以自动缩小广告的规模，在理想情况下，广告会根据新的尺寸自动更改布局。但是，谷歌广告不支持这一点，甚至不允许这样做。根据广告内容（删除的文本标记为

[…]

），除非获得谷歌的明确许可，否则不允许更改广告内容，也不允许隐藏广告的任何部分：

五,禁止使用。您不得，也不得授权或鼓励任何第三方：（i）[…]（ii）编辑、修改、过滤、截断或更改任何广告、链接、广告单元、搜索结果或转介按钮中所含信息的顺序，或删除、模糊或最小化任何广告、链接、广告单元，未经谷歌授权，以任何方式搜索结果或推荐按钮

另一种解决方案是有条件地通过JavaScript提供广告。例如，当页面加载时，如果浏览器视口的宽度小于首选广告的宽度，则提供较小的广告。它的工作原理应该类似于CSS媒体查询，除了在用户调整浏览器大小时不提供新的广告，因为这会产生错误的印象（在一个页面上有多个印象，没有刷新），这也不利于他们：

五,禁止使用。您不得，也不得授权或鼓励任何第三方：（i）直接或间接生成任何广告、链接、搜索结果或推荐按钮的查询、推荐事件或印象，或点击任何广告、链接、搜索结果或推荐按钮（包括但不限于点击“播放”）对于任何视频广告），通过任何自动、欺骗、欺诈或其他无效手段，包括但不限于通过重复手动点击、使用机器人或其他自动查询工具和/或计算机生成的搜索请求，和/或未经授权使用其他搜索引擎优化服务和/或软件

---

有一个名为的插件。它添加了一个包含5个广告字段的小部件，您可以在其中输入

pub id

和

ad id

。然后根据屏幕的大小，它呈现了5个广告中的1个。我在手机浏览器上试用了它，它呈现了块大小的广告，而不是手机广告

谷歌现在正式支持响应式广告（目前处于测试阶段）。这里有一个很好的功能描述，并有到谷歌官方文档的链接

---

它可以工作，但有一个缺点是，当您调整视口大小时，广告不会自动调整大小。据我所知，在视口调整大小时尝试调用adserver是违反TOS的。

我同意Equirium3发布的内容。选择广告大小=响应广告单元（Beta）。获得广告代码后，您可以将其放置在中，该广告代码也位于中。这对我来说很有用，因为我放置了一个水平广告，并让它居中

这是我的水平广告->

现在，如果您想将广告代码放在侧栏上，请执行与上面相同的操作，但要拆分页面，例如，侧栏使用

，页面其余部分使用

我在下一页中这样做了，在左边是方形广告->

---

当在移动设备上看到这两个广告时，效果都很好。试试看。希望有帮助

现有答案已经过时。谷歌：

新的响应式广告单元使您能够支持广泛的 通过使用您的响应式设计网页，您可以使用这些设备。你现在可以 动态指定将提供的广告的大小，并进行调整 它适合您的站点在特定设备上呈现页面的方式

---

响应性广告采用固定、流畅、响应性强的布局。您所需要做的就是将“智能大小调整”版本的代码放置在您希望广告出现的位置。广告将水平延伸以占据所有可用空间，垂直延伸以显示最佳标准尺寸的广告。如果您的网站根据设备方向更改其布局，则广告将在设备方向更改事件中自动调整大小。可以使用CSS和HTML5数据属性进行高级定制。

为了保持页面的响应性，我这样做：

<div class="table table-responsive">    
        <div class="text-center text-muted">
            <hr><br>
            <small>advertisement</small>
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- bottom -->
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client=""
                 data-ad-slot=""
                 data-ad-format="auto"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>  
            <br>
        </div>       
</div>

广告
（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

根据其使用条款，您不允许更改广告的显示方式。但是，您可以在页面加载时检查分辨率，并根据大小生成不同的广告（也可以在调整大小时执行此操作，但在执行此操作之前，您可能希望先阅读它们的条款，以确保其正确）。@bfrohs Hmmm..ok。那么这是怎么回事呢？假设我的标题中有一个显示468x60 adsense add的小部件区域，我会尝试找到一个看起来不错的小广告并显示它吗？（如果我只在该区域显示一幅图像，它的大小会完全调整。）如果是这样，您对如何进行此操作有何反馈？我会在标题区添加不同的小部件，并使用css在特定时间仅显示特定的小部件吗？你不能使用css隐藏/显示不同的广告，因为这违反了谷歌的广告政策。您必须确定th的大小