响应式 Adsense 广告大小随屏幕方向变化而调整(同时使用 Bootstrap 进行布局)

2023-12-01

在我的网站上,我使用 Bootstrap 3.2 进行响应式设计,并尝试在其中嵌入 Adsense 响应式添加。我在方向更改方面遇到问题:我希望添加会在此类事件中调整大小,但它不会发生。 Adsense 准备好这样的功能了吗?一些old postAdsense 博客上说:

新的广告代码仅在初始页面加载时响应。随后的 广告尺寸的更改(例如屏幕方向的更改)不会 导致显示新广告。我们知道这是一个重要的 对于你们中的许多人来说,这是一个功能,我们目前正在努力解决这个问题。

But 当前文档没有提到这样的问题。这个调整大小有效吗?


所以事实证明我引用的博客文章是关于高级模式(允许通过 CSS 指定精确广告尺寸的模式)。尽管谷歌一年多前就认识到了这个问题,当屏幕方向改变时,高级广告不会自动调整大小。

AdSense 文档指出,自适应广告会随着方向的变化而调整大小。确实如此,但仅限于默认广告(不适用于高级广告)。

高级模式允许使用 @media CSS 规则指定精确的广告尺寸,这很好。但对我来说,通过使用 div 容器包装默认的响应式广告可以实现几乎相同的效果。容器的大小也可以通过 CSS @media 规则指定,因此我得到了与高级广告相同的结果 + 当屏幕方向改变时,我得到了调整广告大小的好处。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

响应式 Adsense 广告大小随屏幕方向变化而调整(同时使用 Bootstrap 进行布局) 的相关文章

  • 初始化后如何更改引导轮播的间隔

    根据 doco 使用以下命令将设置轮播循环速度 carousel carousel interval 2000 但是 如果您已经初始化了轮播 则以不同的时间间隔调用上述内容没有任何效果 我应该注意 通过 JS 初始化轮播并不会设置data
  • carouFredSel 响应高度

    我使用 carouFredSel 时遇到响应式旋转木马的高度问题 因为图像是响应式的 并且轮播也设置为响应式的 它仍然将图像的最大高度添加到 div 中 当我的图像宽度为 740 高度为 960 时 它将图像大小调整为响应宽度以适合屏幕 图
  • 从另一个页面访问时引导滚动间谍

    我试图链接到主页的特定部分 同时保持滚动间谍功能 有了这个代码 li a href sec1 About a li 滚动间谍正在运行 但如果我尝试从主页以外的页面访问它 它只会添加 sec1 到当前页面的 url 没有效果 如果我把它改成
  • Bootstrap 右栏位于移动视图顶部

    我有一个像这样的引导页面 div class row div class col md 6 A div div class col md 6 B div div 好像 A B 因此 如果我在移动设备上查看它 A 列位于顶部 但我希望 B 列
  • 如何使 Flexbox 响应式?

    我有一个包含两个元素的 div 我想水平堆叠它们 Div C 具有固定宽度 div B 将填充其余空间 然而 div B 的内容可能是固定宽度 动态 或 100 宽度 div B 我想要的效果是 如果屏幕宽度足够小 以至于在 div B 和
  • Bootstrap 3.3.5 中的多级下拉菜单

    我有以下 HTML 代码 并根据 Bootstrap 文档中的标记将其构建为我认为应该实现的方式 div class navbar collapse collapse ul class nav navbar nav li class act
  • 如何使无线电输入成为必需?

    我在表单中提供了无线电输入 供用户选择性别 如何使性别成为必需的输入 用户必须选择女性或男性 否则他们会按照通常的方式得到提示required 我尝试添加required如下所示 但它不起作用 用户可以继续而不选择女性或男性 div cla
  • (响应式)表格宽度不适合 ios safari 上 iframe 内的容器

    我在 iPhone 的 safari 上的 iframe 内渲染表格时遇到问题 这是示例 http jsfiddle net qb86ojms http jsfiddle net qb86ojms 如果您在桌面浏览器 较小的尺寸 或 and
  • Twitter Bootstrap 3 的 IE8 问题

    我正在使用新的 Twitter Bootstrap 创建一个网站 该网站看起来不错 并且可以在除 IE8 之外的所有必需浏览器中运行 在 IE8 中 它似乎显示移动版本的元素 但在我的桌面的整个屏幕上延伸 我相信我遇到的问题是 Twitte
  • 如何了解来自不同...“命名空间”的变量?

    如何从外部 javascript 文件中访问在另一个地方声明的某个变量 假设在一个 html 文件中我有以下内容 在 otherfile html 的部分中 我有 alert a 我如何确保收到一条提示消息 某事 我认为Google Ads
  • Bootstrap 3 网格,一行中有多少列“真的”重要吗?

    我有一个表单布局 上面有 Bootstrap 3 表单组 我希望这些表单组在 我显然让它工作得很好 但是在这里阅读了一些内容后 我所做的似乎违反了假设的规则 即一行中的每一列加起来必须等于 12 但是我能找到的每个教程和文档总是使用诸如 应
  • 动态更新 bootstrap 3 日期选择器选项?

    该日期选择器已经使用其他默认选项创建 但我需要使用以下新选项更新它 但它似乎不起作用 new options var new options format dd mm yyyy autoclose true language es upda
  • 有没有办法将 Bootstrap 3.0 插件与 jQuery.noConflict() 一起使用?

    目前 我们的页面上加载了 2 个不同版本的 jQuery 1 4 2 和 1 10 1 和 window jQuery 对象当前指向 1 4 2 我们使用版本 1 10 1 的 noConflict 将其设置为 jq1 var jq1 jQ
  • 如何在 Ruby on Rails 中向 select_tag 添加类

    难以为此添加类标签 div class field div 这是我尝试过的 除其他外 div class field div
  • 循环浏览 Bootstrap 3 jumbotron 的背景图像

    我正在尝试获取 3 个图像作为 Bootstrap 3 jumbotron 的背景循环播放 但问题是我在大屏幕中有 3 个 div 到目前为止我尝试过的所有解决方案都要求我将大屏幕的位置更改为相对位置 将背景图像更改为绝对位置 而且因为我试
  • Bootstrap 3 在移动设备上滑入菜单/导航栏 [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我正在构建一个基于浏览器的移动应用程序 我决定使用 Bootstrap 3 作为设计的 CSS 框架 Bootstrap
  • 如何在 Angular 项目中使用 Bootstrap?

    我开始我的第一次Angular应用程序和我的基本设置已完成 我怎样才能添加引导程序我的申请 如果您可以提供一个示例 那么这将是一个很大的帮助 如果您使用Angular CLI要生成新项目 还有另一种方法可以使 bootstrap 可访问角度
  • 如何确定当前使用哪个网格选项

    我将 Bootstrap 3 用于使用 PHP 和 HTML 创建的网页 随着响应式网格和类的开启引导程序3您可以将多个类分配给一个 div 以根据当前屏幕尺寸定义不同的宽度 例如 div class col lg 3 col md 3 c
  • 使用流体网格系统在引导程序上对齐输入

    我正在创建一个表单 要求用户输入他们的姓名和电子邮件地址 表单的第一行对于姓名的每个部分都有两个并排的输入 第二行对于电子邮件地址有一个输入 其宽度应与第一行组合的宽度相同 我正在尝试使用流体网格系统 但无法将第二行与第一行对齐
  • 响应式网格布局框架[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

随机推荐