twitter-bootstrap - 如何使响应式 Google-adsense 广告在调整大小时缩放?

标签 twitter-bootstrap responsive-design resize adsense onresize

我正在使用 google adsense 响应式广告(带有 Bootstrap),它在页面加载时正常工作。同样在手持设备中,它可以正确检测方向并立即调整广告。

但是,当我调整浏览器的大小时,它不会对此使用react。当没有内置系统来检测屏幕调整大小时,声称响应能力很奇怪。我曾考虑添加一个事件监听器,但这是一个很好的解决方法还是会中断?我也想过用几个断点加载不同的广告尺寸,但我想避免这种情况,只使用“响应式”广告。

在此先感谢您的任何建议。

最佳答案

在自适应广告中,将数据广告格式“自动”更改为“水平”

data-ad-format="horizontal"

还添加了媒体查询移动高度限制。
.adsense-mobile {
    height: 60px;
}

最后:
<ins class="adsbygoogle adsense-mobile"
             style="display:block"
             data-ad-client="ca-pub-XXXXXX"
             data-ad-slot="XXXXXX"
             data-ad-format="horizontal"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>

关于twitter-bootstrap - 如何使响应式 Google-adsense 广告在调整大小时缩放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30557712/

相关文章:

css - 如何将 stylesheet_link_tag 与 bootstrap-sprockets 一起使用?

css - 在响应式网站上,DIV 覆盖 slider 但不覆盖桌面

c++ - gcc4.2 中的 std::vector::resize

WPF 路径大小调整

HTML-CSS : overlapping items with same center?

html - 在 css 网格中图像的一 Angular 显示关闭 (X) 按钮

javascript - 如何为每个轮播元素设置间隔持续时间?

html - Bootstrap 内联复选框 - 如何将它们向左或向右拉到表单中?

jquery - bxSlider 在 Chrome 中调整大小时未调整大小(响应问题)

css - 窄父级内的全宽图像