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

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

如果您使用的是 bootstrap，您只需像下面那样添加 class 即可使广告更好地对齐。

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

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

Is this Bootstrap CSS Google Adsense Responsive behaviour correct?

css

adsense

twitter-bootstrap