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

标签 amp-html

我有各种尺寸的图像(具有不同的宽度/高度比,因为这是用户生成的内容),我尝试将它们显示在一个漂亮的方形图 block 中,而不拉伸(stretch)它们。

在普通 HTML 中,我使用 div 并将图像设置为 background-imagebackground-size:cover 属性。

是否可以使用 amp-img 标签来实现此目的?不确定我可以使用哪种布局来实现此目的。

谢谢

最佳答案

为什么不在您的 AMP 中使用相同的基于 CSS 的方法? AMP 完全支持 CSS 背景图像。

关于amp-html - 模仿背景大小 :cover with amp-img tags,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40202233/

相关文章:

javascript - 在 amp-lightbox 中创建 amp-form

css - WordPress:在 AMP 中保存编辑器内联样式

javascript - amp-script 允许自定义 JavaScript 访问哪些浏览器 API?

amp-html - 如何将 amp-selector 的文本内容设置为 amp-state

azure - Json 文件作为 Azure AppService 中的 amp-list 源

html - 是否可以将 amp-img 的尺寸移动到内联 css?

javascript - AMP HTML 文件无法呈现,因为 https ://cdn. ampproject.org/robots.txt 设置为禁止

css - AMP 和太宽的表格

node.js - 如何使用 amp-list、amp-mustache、amp-form 和 amp-bind 实现自动建议?

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