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

Question

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

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

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

Answer 1

首先，使用百分比或像素（百分比很容易缩放）指定您希望广告适合的 div 的高度和宽度。

然后，使用 CSS 创建媒体查询，根据屏幕观看的高度和宽度来更改广告 div 的高度和宽度。

.adDiv iframe { max-width:100% !important; max- height:100% !important;}接下来，在 CSS 中添加类似的内容。这告诉浏览器将广告（假设它是 iframe）渲染为 div 的完整尺寸，并覆盖!important广告或任何插件设置的任何 CSS。

希望这有帮助！