制作类型为Image的adsense广告，728x90响应

Question

我把两个广告放在一个并排，每个广告都是尺寸200x90 (广告链接)和728x90(图片广告)我的网站是响应使用折弯机的osclass主题。当我在移动端访问页面时，728x90的图片仍然占据了728px的宽度。

我试着将它保存在一个div中，并添加了class="hide-mobile hide-tablet"，但是这个技巧不起作用。

有什么建议吗？

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

Answer 1

因为它是在谷歌广告指南(https://support.google.com/adsense/answer/3213689?hl=en)中编写的，你只需要在生成代码之前从广告大小下拉菜单中选择“Responsive ad unit (BETA)”。

Answer 2

使用媒体查询@media。这肯定会成功的。阅读有关媒体查询here的信息。

这是一个专门针对您的目的的git存储库：https://github.com/bassjobsen/bootstrap-responsive-ads。

下面是您的函数应该是什么样子：

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

       "hide-my-ad-or-something"

      }
  });

Answer 3

您可以使用：responsive image in bootstrap，但如果您有图像，并希望响应此操作，您可以: 1)将类添加到他img并设置此样式：

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

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