问题标签 [amp-img]

我正在尝试找出 amp 组件的 media 属性中多个媒体查询的语法：

但这不正确，AMP的媒体属性是否支持？

这是文档，但没有多个媒体查询的示例：https ://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/control_layout/?format=websites#element-media-queries

我有一个 amp-img，它加载在最初隐藏的 div 中。

但是，当 div 展开时它不会呈现。

我想找出它不渲染的原因。我确认该文件存在。如果我将图像移动到隐藏 div 之外的位置，它将呈现。

如果我强制 div 可见，则 amp-img 将呈现。

控制台日志不报告任何错误。

amp 验证器显示我的页面有效。

网络选项卡甚至不会记录加载图像文件的尝试，这意味着 amp 甚至不会尝试加载它。

有没有办法调试这个？

此外，div 通过 CSS 隐藏，然后再次出现，因为父元素再次通过 CSS 更改了状态。

如何将诸如 bootstrap.css 和其他外部样式表之类的外部 CSS 文件加载到具有 AMP 的 html 文件中？我检查了 AMP 文档。但没有解决方案。我必须为 PHP 静态网站做 SEO，而且我是 AMP 和 SEO 的新手。

我想在 amp 页面中构建加载屏幕。加载所有 amp-img 后，叠加层应停止覆盖屏幕。鉴于 amp 规范切断了许多 js 功能，我想知道这是否可行。

我在显示图像amp-img标记时遇到问题。

这是html源代码：

以下是 AMP 的呈现方式：

如您所见，amp-img标签覆盖了figcaption标签，使渲染的图像被拉伸以填充其figure。我试图object-fit: contain;欺骗拉伸，但整个图像显示错误的填充。那么，我做错了吗？有人可以帮我解决它。非常感谢

详细控制台：

更改屏幕分辨率时，控制台会显示消息startLayout called but not LAYOUT_SCHEDULED currently: 2并返回 amp-img 元素。如果您停止并重新加载页面，错误就会消失，直到您再次更改屏幕分辨率。

这只发生在amp-carousel 0.2 版中，在 0.1 版中一切正常，但滑块过渡太快。使用autoplay和type="slides"的动态属性值（ ifwidth = "auto"或 iflayout = "responsive"等）会出现错误。

例如：

或者

我可以做些什么来解决这个问题，或者它是 amp 版本的错误？

如果不支持浏览器，我将按照 AMP 文档显示 webp 和 JPG 替代方案。我已经做到了 100%，就像它在https://amp.dev/es/documentation/components/amp-img/上所说的那样

它有效，它显示了 webp，但是......当我在 pagespeed 或 gtmetrix 中进行测试时，它以 JPG 显示的那些图像告诉我应该使用 webp 格式......我检查了 chrome 开发人员工具，它似乎下载 jpg 和 webp 版本....

不应该只在浏览器不兼容的情况下下载JPG吗？

如果我使用 webp，那么页面重量会更轻，但是如果您仍然下载两个版本......我不明白这一点。

感谢任何可以帮助我的人。

简单问题 - 我正在尝试 AMP（加速移动页面），但无法将图像与文本右侧对齐。

请问我在这里缺少什么？