问题标签 [amp-html]

我正在努力创建一个带有不同尺寸图像的 AMP 轮播。我想将轮播中的图像缩放到固定高度和自动宽度。

文档中提供的示例都具有相同的宽度/高度。

我尝试省略 amp-img 元素的宽度并使用 layout="fixed-height" 但这根本不起作用。文档非常混乱。

我创建了一个 js-fiddle 来向您展示我所拥有的和我想要的

https://jsfiddle.net/ag38afa7/

编辑：

样式与文档不一致或我不明白？
在 amp-carousel 页面上显示：Layout not supported for: responsive 但在演示页面上 amp-img 元素具有layout="responsive"
https://ampbyexample.com/components/amp-carousel/

这是关于 AMP 页面的，问题是图像的大小确实超出了原始格式，不知道如何解决。

我喜欢实现：

• 漂浮在右侧的图像（文本围绕它流动）
• 最多占据视口的 40%
• 如果 40% 的视口小于原始图像尺寸，则图像必须缩小到原始尺寸以下
• 图像可能不会超过原始大小
• css 部分应该适用于所有大小的图像（因此 css 部分中没有图像大小规范）
• 如果某个视口中的 40% 大于图像的原始大小，则包含图像的 div 可能不会增长超过图像的原始大小

由于 AMP，在 html 代码中指定图像大小当然没有问题。

编码：

我注意到如果没有指定最小宽度，则不会显示图像。所以我添加了 100px 的最小宽度，但随后图像被固定为 100px。

任何人都可以提供一个工作示例amp-accordion吗？当我在引用的 amp 页面中尝试来自https://www.ampproject.org/docs/reference/extended/amp-accordion.html的示例代码时

在标题中，我收到以下两条（令人不安的）错误消息：

最后

有任何想法吗？

我安装了另一个 wordpress 插件来提供 AMP 转换，但它只适用于帖子，而不适用于构成网站大部分的网站页面，实际上比帖子更重要。

这个插件是否适用于页面和帖子，或者与其他帖子一样？

谢谢

阿德里安

我已经开始将 AMP 概念集成到我当前的 Magento 现场项目中。

我做过以下事情。

此处建议的 www 文件夹中的一个测试 html 文件，https://www.ampproject.org/docs/get_started/create/basic_markup.html这很好用。

我在我的 magento 项目中做过，在 1column.phtml 中，

在 head.phtml 中，添加第一行如下

我通过附加来运行主页#development=1。并在控制台中得到如下错误：

谁能帮我解决这个问题。

提前致谢..

在 IE11 上的 iframe 中显示的立方体广告正在获得可见性：添加了隐藏的内联样式，从而隐藏了广告。有谁知道这方面的解决方法？这在其他可接受的浏览器上不会发生。

我需要在我的网站上放置 Google Adsense for Search(AFS) 广告单元（见屏幕截图）。

但我正在查看 AMP 文档，但在此处找不到这种广告类型。 https://www.ampproject.org/docs/reference/amp-ad.html

有没有办法做到这一点，或者 AMP 不支持这些广告？

问候， 卡德莫斯

我现在有大约 20 个 amp 页面，这些页面通过规范标签正确链接到我的块帖子。我注意到使用 amp 的平台（例如 Facebook 和 Twitter）不会为移动用户加载 amp 页面。我是否必须链接到实际的 amp URL 才能执行此操作？如果是这种情况，这对桌面用户来说不是很好，因为这样做的目标肯定是只为移动/平板电脑用户提供 amp 页面并保持向桌面用户显示原始版本？

验证 URL 时#development=1出现以下错误：
属性 'cite' 可能不会出现在标签 'q' 中。

有问题的标签是这样使用的：<q cite="URL">lorem ipsum</q>.

我在文档中找不到有关此问题的任何信息，是否有解决方法？

我想设置一个像书一样分页的 AMP HTML 网站。自然，除了能够单击/点击左/右箭头之外，我还想为读者提供来回滑动的能力。

我考虑过使用 amp-carousel 的想法，但是我需要预加载每一页，对吗？那么，替代方案是什么？我发现一般来说，我可以使用 JQuery，但是如何将它合并到 AMP HTML 中呢？

提前致谢！基思