制作图片类型为728x90的adsense广告

Question

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

我已尝试将其保留在div中并添加class="hide-mobile hide-tablet"，但此提示无效。

有什么建议吗？

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

Answer 1

正如Google Adsense指南（https://support.google.com/adsense/answer/3213689?hl=en）中所述，您只需在广告尺寸下拉菜单中选择“自适应广告单元（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添加clas 并设置此样式：

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

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