amp-html - 什么是 i-amp-sizer 以及为什么某些 amp-img 显示在该 sizer 下方?

标签 amp-html

当我添加 amp-img 时,会出现类似 i-amp-sizer 的东西。我的问题是,我有一些想要进行 AMP 处理的图像,其中一些与此尺寸调整器不匹配(图像正好显示在尺寸调整器下方)。

有什么想法可能是什么原因吗?我实际上想知道这个 amp-sizer 负责什么。

最佳答案

如本documentation所述,任何前缀为 i-amp- 的元素被视为 AMP 内部的,不允许在用户样式表中使用它们。此处显示它们仅供引用。你可以查看这个tutorial 。你可以在上面的文档中看到CSS“display”的值为block及其大小 ID 基于父容器和纵横比 width:height .

关于amp-html - 什么是 i-amp-sizer 以及为什么某些 amp-img 显示在该 sizer 下方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40922347/

相关文章:

amp-html - 模仿背景大小 :cover with amp-img tags

google-analytics - AMP 项目 - Google Analytics - 内容分组 amp-analytics 代码

google-analytics - 抑制 AMP-IFRAME 中的 Google 网页浏览事件

angularjs - 我们可以在 Angular 应用中实现 AMP 吗?

seo - 桌面版、移动版和 AMP 版网站

javascript - 使用 AMP HTML,是否可以从单击的元素获取 ID 或其他属性,附加它们并为 anchor 标记创建 URL?

.htaccess 重写 URL 以向 URL 添加字符

google-analytics - 如何在 AMP 页面中获取用于谷歌分析的 anchor 标记文本?

css - 最精确的 AMP 验证器?

javascript - 如何在酒精和饮料配方页面上管理与年龄门相关的逻辑?