1

我在我的网站上使用amp-auto-ad（例如在页面https://www.w3docs.com/learn-css/css-usage.html上）。自动广告破坏了布局（请看截图）。当我检查来源时，我看到广告宽度是100vw，它包含了布局。我的问题是如何强制 amp-auto-ad 的宽度为 100% 而不是 100vw？

我查看了官方文档，无法为这些广告定义布局。此外，它说要创建一个配置文件 ad-network.config.js 来配置展示位置，但它根本不起作用。

在此处输入图像描述

4

1 回答 1

1

我有完全相同的问题。

这里的问题似乎是对于 AMP，如果您使用的是相对值，它希望获得 100% 的可用区域。因此，如果您使用 VW 或 View Width 作为您的相对值，它需要 100% 的值。所以你最终得到（视图宽度）+（填充+偏移）=（屏幕上的总宽度），就你而言，它打破了表格。

我发现从大众换成 EM 解决了这个问题。

改用这个：

<amp-ad width="100em" height="320"
    type="adsense"
    data-ad-client="[YOUR AD ID]"
    data-ad-slot="[YOUR ELEMENT ID]"
    data-auto-format="rspv"
    data-full-width="">
    <div overflow=""></div>
    </amp-ad>

这将提供一个相对于容器元素的宽度值，而不是窗口端口的宽度。

在此处查看其他可用单位：

https://www.w3schools.com/cssref/css_units.asp

于 2021-04-17T20:05:26.010 回答