我有一个正在研究的响应式设计，它从大约 960 像素宽开始，并使用 css3 媒体查询减少到 320 像素。
我目前在我的内容上方和下方使用 728 像素的横幅，但一旦您低于 728 像素，这显然会中断。
我需要的是在浏览器宽度低于 728 像素时显示较小广告的最简单方法。我不能简单地在 div 中加载广告单元并使用 css 隐藏它们，因为这违反了 adsense TOS。
有什么建议吗？
最佳答案
用 javascript 怎么样？您的页面最初可以在没有广告单元 html 代码的情况下加载，但它可以使用 javascript 检测屏幕尺寸，然后将适合初始浏览器尺寸的广告单元添加到页面。只有桌面类型的浏览器可以调整视口(viewport)窗口的大小，所以也许忘记这个问题吧。调整浏览器视口(viewport)大小的人可能正在玩弄或其他任何东西，并且仍然会看到第一个 AD 印象。想一想，您打开浏览器，然后由于无法正确查看而调整窗口大小，即使如此，当您从一个页面导航到另一个页面时，您将要执行多少次，也许一次(第一次(第一次)时间)。 Google 不希望您破坏广告印象，因此我认为这不会违反服务条款以根据窗口大小加载广告。只是不要在调整大小后销毁广告并加载其他广告(有风险)。移动设备无法调整视口(viewport)大小(除了旋转)，它们将始终看到正确的 AD 大小。
Ryan Underdown 在 http://ryanunderdown.com/ppc/responsive-ads-with-adsense.php 提供了一个简单的解决方案
另一个问题:Making Adsense Responsive
甚至Google's CSE如果初始视口(viewport)尺寸对于广告而言太小，则不会在您的网站上展示广告，即使在您将窗口调整得更大后，它也不会在其中重新加载广告，直到浏览器刷新。
关于php - 根据浏览器宽度显示不同的 Adsense 广告，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10066553/