Question

我很难让我的Google AdSense横向广告在调整大小时对桌面分辨率做出响应。

当广告在移动设备上加载时 - 它正确加载，即很好和小。

但是在桌面上它确实最初加载正确，但是如果你调整浏览器的大小，它会使页面非常难看，因为你可以沿着广告滚动一直推动网站横向......

以下是代码：

<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>

和实际的HTML

<div class="container">
  <div class="row">
    <div class="col-xs-12">

          <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
          <!-- IC Throughtout Site -->
          <ins class="adsbygoogle example_responsive_1"
               style="display:block"
               data-ad-client="ca-pub-XXX"
               data-ad-slot="XXX"
               data-ad-format="horizontal"></ins>
          <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
          </script>


      </div>
    </div>
  </div>

感谢您的帮助。

Answer 1

如果您使用的是自举程序，则只需添加如下所示的类即可使广告更好地对齐。

<ins class="adsbygoogle ml-4 mr-4">

这个Bootstrap CSS Google Adsense响应行为是否正确？

1 个答案: