如何正确设置amp-img的width和height属性

Question

我目前正在使我的网站成为AMP的过程中，我的网站是内置于引导程序中的，并且所有内容都具有响应性，因此我设置的大多数图像都是这样的：

img{
  width:100%;
  height:auto;
}

但是我amp-img遇到的问题是它需要在图像上设置width和height。在amp没有设置height和的情况下，是否有做响应图像的正确方法是width什么？

Answer 1

在不知道图像的宽度或高度的情况下，显示图像的唯一方法是为其提供布局属性 fill并将其包装在带有 add 的元素中，该元素具有以下css 属性 object-fit设置为包含。

.ampImg__Wrapper {
  object-fit: contain;
}