Html 如何使响应AdSense单元在浏览器上改变大小

Html 如何使响应AdSense单元在浏览器上改变大小,html,css,responsive-design,media-queries,adsense,Html,Css,Responsive Design,Media Queries,Adsense,我在高级模式下使用响应式AdSense单元。在我决定调整浏览器窗口大小之前,它一直运行良好。广告不按媒体查询中的指定调整大小 <style> .myad { width: 320px; height: 50px; } @media(min-width: 500px) { .myad { width: 468px; height: 60px; } } @media(min-width: 800px) { .myad { width: 728px; height: 90px; } } &

我在高级模式下使用响应式AdSense单元。在我决定调整浏览器窗口大小之前,它一直运行良好。广告不按媒体查询中的指定调整大小

<style>
.myad { width: 320px; height: 50px; }
@media(min-width: 500px) { .myad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .myad { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle myad"
     style="display:inline-block"
     data-ad-client="XXX"
     data-ad-slot="XXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

你的回应性谷歌广告没有问题

更改浏览器大小时,谷歌广告不会自动调整大小。如果刷新浏览器,Google Adsense将显示/提供与当前浏览器/页面大小相匹配的新广告

我试图找到文件来验证我的陈述,但找不到任何相关的东西。我的答案是基于我使用响应性谷歌广告并对其进行测试的经验


更新日期:2019年5月30日-所有广告单元默认响应

2019年5月30日,谷歌向Adsense出版商发送了一封电子邮件,告知即将对广告单元进行的改进

邮件上说:

我们致力于不断投资于广告产品的现代化。因此,我们正在对您过去使用或配置的一些AdSense功能进行一些重要更改。您的广告选项卡将在未来几周内更新,以反映以下变化:

广告大小
我们已经使创建和管理广告单元变得更加容易。默认情况下,所有广告单元都将被创建为响应性的,以适应手机和桌面上不同的屏幕大小,从而提高性能和灵活性。如果您确实需要进一步定制,您仍然可以创建定制大小的广告单元

因此,在未来几周内,所有的广告都将响应默认设置。以下是两个Google Adsense帮助页面,提供更多信息:


我在adsense博客上看到他们计划解决这个问题,这意味着这是一个众所周知的问题。

例如,如果您有一个宽度为30%的广告,并且您将我们的响应广告代码放置在中,那么根据用户屏幕的宽度,我们将自动提供不同大小的广告。如果您的页面在1024px宽的平板电脑上观看,我们将提供307x250广告;如果您的页面在1680px宽的21英寸台式电脑上观看,我们将提供504x60广告


这意味着当屏幕改变时,它会保留第一个加载的内容。它实际上没有响应性。

你能提供该声明的任何来源吗?如果没有此功能,响应性将毫无用处。不幸的是,我没有任何来源。我在我的网站上使用了响应性谷歌广告,并注意到它们没有重新调整大小调整浏览器窗口的大小时,谷歌会重新加载新广告。谷歌只在第一次提供/加载广告时才会加载新广告。我花了很长时间想知道为什么我的广告没有调整大小!尝试更改样式,添加div标签……一旦你读到,答案显而易见。谢谢。
element.style {
  display: inline-block;
  height: 90px;
  width: 728px;
}