在我的网站上，我使用 Bootstrap 3.2 进行响应式设计，并尝试在其中嵌入 Adsense 响应式添加。我在方向更改方面遇到问题：我希望添加会在此类事件中调整大小，但它不会发生。这样的功能准备好 Adsense 了吗？ Adsense 博客上的一些 old post 说：
新的广告代码仅在初始页面加载时响应。随后的 广告尺寸的更改（例如屏幕方向更改）不会 导致显示新广告。我们知道这是一个重要的 为你们中的许多人提供的功能，我们目前正在努力解决这个问题。
但是current documentation 没有提到这个问题。这个调整大小有用吗？
【问题讨论】：
标签： responsive-design twitter-bootstrap-3 adsense
我主要是在这里拍摄，因为公平地说这里的信息不是很多，但是：
如果添加 style="display:block;" 会发生什么还有 data-format="auto" 到您的广告？
如果这没有帮助，我猜媒体查询是你在这件事上的朋友。
【讨论】：
来自 AdSense 的广告，甚至是响应式广告，都会根据您的屏幕尺寸和方向加载一次 - 在网页加载时。当然，您可以尝试重新加载投放您的广告的部分页面，但是您会遇到内部 iframe 元素的问题（AdSense 不喜欢在 iframe 中）。
【讨论】：
尝试使用这个 - https://github.com/mattnish/rad
我刚刚在我的一个项目中使用了它，即使它说“过时”它也能正常工作。
adsense“响应式广告”的问题在于它仅在初始加载时才响应。
【讨论】：
原来我引用的博文是关于高级模式（允许通过 CSS 指定确切广告尺寸的模式）。尽管 Google 一年多前就发现了这个问题，但高级广告不会在屏幕方向改变时自动调整大小。
AdSense 文档指出，自适应广告会随着方向的变化而调整大小。没错，但仅适用于默认广告（不是高级广告）。
高级模式允许使用 @media CSS 规则指定准确的广告尺寸，这很好。但对我来说，通过使用 div 容器包装默认的响应式广告，几乎可以实现相同的效果。容器的大小也可以由 CSS @media 规则指定，因此我的结果与高级广告相同 + 当屏幕方向发生变化时，我可以从调整广告大小中受益。
【讨论】：
这是我对此的看法。我使用了带有响应式广告单元的高级模式，并输入了以下媒体查询。
<style>
.myclass-responsive { width: 320px; height: 100px; }
@media (min-width: 768px) and (min-height: 768px) { .myclass-responsive { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- myclass-responsive -->
<ins class="adsbygoogle myclass-responsive"
style="display:inline-block"
data-ad-client="XXXX"
data-ad-slot="YYYY"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
关键是高级模式下的广告是根据设备视口尺寸加载的，但不会动态调整大小。默认的智能调整大小模式与我的布局产生了混合的结果，并且偶尔会在动态调整大小时破坏它。在具有高级模式的响应式广告单元的引导布局中使用 (min-width: 768px) 和 (min-height: 768px) 似乎可以解决我遇到的任何调整大小问题（至少在我测试的 5 台设备上）。但是，您可能会在某些设备上看到尺寸过小的广告，但关于它的故事......您无法全部了解。
【讨论】：