AMP 验证错误"The mandatory attribute 'amp-custom' is missing in tag 'style amp-custom'..."

Question

>网页存在以下 AMP 验证错误：

标签"样式"中缺少必填属性"amp-custom" 放大器自定义'。(见 https://www.ampproject.org/docs/guides/author-develop/responsive/style_pages(

我搜索了页面源代码，找不到"amp-custom"。 换句话说，该网页没有"样式放大器自定义"标签。

任何人都可以提供有关此错误的可能原因的提示吗？

Answer 1

我在手机上，所以请耐心等待...在 amp-custom 中，您可以添加自定义 CSS。它位于头部的放大器样板之前，以免覆盖样板正在执行的任何操作。在 AMP 项目页面上查看有关添加自定义 CSS 的页面：https://www.ampproject.org/docs/design/responsive/style_pages

所有 CSS 都必须是内联的，您不能使用链接标记来包含您的 CSS。您可以对CSS进行内联硬编码，也可以通过PHP或上面链接的页面上显示的方法包含它。允许的 CSS 数量也有文件大小限制。

Answer 2

AMP CSS 样式被放在头部封闭在

<style amp-custom>
    <!--Your CSS-->
</style>

在这里你似乎把它说成

<style>
     <!--Your CSS-->
</style>

因此，错误显示缺少 amp 自定义属性。 只需在打开样式标签中添加放大器自定义