制作图片类型的 adsense 广告，728x90 响应式答案

【问题标题】：Make adsense ad of type Image, 728x90 responsive制作图片类型的 adsense 广告，728x90 响应式
【发布时间】：2013-12-07 16:17:11
【问题描述】：

我已将两个广告并排放置每个广告的尺寸为 200x90（广告链接）和 728x90（图片广告）我的网站使用 osclass 的 bender 主题进行响应。当我在移动设备中访问页面时，728x90 的图像仍然占据 728 像素的宽度。

我尝试将其保存在 div 中并添加了 class="hide-mobile hide-tablet"，但此提示不起作用。

有什么建议吗？

我不想在屏幕响应时显示此 728x90 广告。

【问题讨论】：

【解决方案1】：

正如 Google Adsense 指南 (https://support.google.com/adsense/answer/3213689?hl=en) 中所写，您只需在生成代码之前从广告尺寸下拉菜单中选择“自适应广告单元 (BETA)”。

【讨论】：

【解决方案2】：

使用媒体查询@media。那肯定会做到的。阅读媒体查询here。

这是一个用于您的确切目的的 git 存储库：https://github.com/bassjobsen/bootstrap-responsive-ads

你的函数应该是这样的：

mediaCheck({
    media: '(max-width: 720px)',
    entry: function() {

       "hide-my-ad-or-something"

      }
  });

【讨论】：

【解决方案3】：

你可以使用它： responsive image in bootstrap 但是，如果您有图像并且想要响应式执行此操作，则可以： 1）将类添加到他的img 并设置此样式：

display:block;
width: 200px;
height: auto;

如果您需要更小或更大的图像，请使用媒体查询并更改宽度。

【讨论】：