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

Question

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

我试图将它保存在一个 div 中并添加class="hide-mobile hide-tablet"，但这个提示不起作用。

有什么建议么？

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

Answer 1

Answer 2

使用媒体查询@media。那肯定会做到的。在此处阅读有关媒体查询的信息。

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

以下是您的函数的外观：

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

       "hide-my-ad-or-something"

      }
  });

Answer 3

你可以使用它： 在引导程序中的响应式图像， 但如果你有图像并且你想做这个响应式，你可以：1）将 clas 添加到他的 img 并设置这个样式：

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

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