使用媒体查询隐藏和显示Google Adsense块

Adsense ToS已经接受了吗？（找不到有关此特定案例的任何信息）。如果用户调整浏览器的大小（css 3）：

@media screen and (max-width: 980px) {
 #skyscraper { display: none; }
}

这个想法是当用户将浏览器窗口的大小调整为980px或更小时，提供一个无水平滚动的网站。

您无法隐藏广告；根据AdSense条款 “ 5.禁止使用”中的规定：

您不得也不得授权或鼓励任何第三方：...（ii）编辑，修改，过滤，截断或更改任何广告，链接，广告单元，搜索结果或引荐中包含的信息的顺序未经Google许可，以任何方式对任何广告，链接，广告单元，搜索结果或引荐按钮进行按钮或删除，遮挡或最小化；

对我来说似乎很清楚。（这可能是因为广告的JavaScript代码仍将运行，错误地报告了广告观看次数，并降低了点击率。）

使用媒体查询将广告移到窄屏的页脚区域可能会更安全。

更新（2013年7月）：使用JavaScript检测页面宽度并投放相关广告，而不是CSS媒体查询来隐藏已加载页面并计算观看次数的广告，现在看来，这是最明智的选择，如本例所示。

我认为服务条款是指您加载广告但不向访问者展示广告的情况，因此会破坏查看/点击统计数据。如果您不首先加载广告，则应该可以。不过，您必须使用JavaScript而不是CSS来执行此操作-检测窗口宽度，仅在AdSense代码超出特定数量时才运行。

我不知道您发布问题时的情况如何，但是到目前为止，Google实际上建议“响应式设计”而不是其他任何选择。

本文档指出，您可以足够清楚地使用@media查询，尽管不是纯文本。（您可能还想读一读。）因此，您在做什么就可以了。

而且不要认为我说的是毫无根据的。以Mashable为例。他们做到了，并且是这些顶级Adsense Premium发布商之一。

Tl; dr-到目前为止，按照我的规则，您想要做的事情完全可以。