我正在研究一个响应式设计，它从大约 960 像素宽开始，使用 css3 媒体查询减少到 320px。
我目前正在我的内容上方和下方使用 728px 横幅，但一旦您低于 728px，这显然会中断。
我需要的是浏览器宽度低于 728px 时显示较小广告的最简单方法。 我不能简单地在div 中加载广告单元并使用 css 隐藏它们，因为这违反了 adsense TOS。
有什么建议吗？
用javascript做呢？您的网页一开始可以在没有广告单元 html 代码的情况下加载，但它可以使用 javascript 检测屏幕尺寸，然后将适合初始浏览器尺寸的广告单元添加到网页中。只有桌面类型的浏览器才能调整视口窗口的大小，所以也许只是忘记这个问题。调整浏览器视口大小的人可能正在玩耍或其他什么，并且仍然会看到第一个 AD 印象。想一想，您打开一个浏览器，然后由于无法正确查看而调整窗口大小，即使这样，当您从一个页面导航到另一个页面时，您将要做多少次，也许一次（第一次）。谷歌不希望你搞砸广告展示次数，所以我认为这不会违反根据窗口大小加载广告的 TOS。只是不要在调整大小并加载其他广告后销毁广告（有风险）。移动设备无法调整视口大小（旋转除外），它们将始终看到正确的 AD 大小。
Ryan Underdown在 http://ryanunderdown.com/ppc/responsive-ads-with-adsense.php 提供了一个简单的解决方案
另一个 SO 问题：让 Adsense 响应式
如果初始视口大小对于广告来说太小，即使是 Google 的 CSE 也不会在您的网站上展示广告，即使您将窗口大小调整得更大，它也不会在其中重新加载广告，直到浏览器刷新。
-
使用自适应 AdSense 单元。
-
如果这不是您想要的，请使用 JavaScript 检测可用宽度，然后选择适当的广告单元，然后将其注入您的内容。
第一名 - 我做了 728 个排行榜与 336 个大矩形的 AB 测试。 336 的表现提高了 75% 以上，页面浏览量超过 300，000 次。
重点是 - 不要使用 728，也不建议使用自适应广告单元。
我的另一项测试将自适应广告单元切换为 2 个固定尺寸的矩形（一个用于移动设备，一个用于桌面/平板电脑），将收入提高了 100% 以上。
您可以使用这样的东西来确定用户代理：
$iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
然后，您可以根据用户代理显示"移动"或"桌面"广告尺寸。
以下是使用USER_AGENT选择要展示的广告的方法： http://www.adsenseninja.com/show-mobile-optimized-adsense-ads-for-smartphone-visitors-automatically-free-mobile-ads-php-script-for-wordpress/
可以通过隐藏的div 和媒体库来实现，但我认为这是谷歌禁止的:(