可以在amp-img中使用内联样式吗？

Question

我有一个图像渲染使用amp和我想使用内联样式。我尝试了以下几种方法：

​

<div style=" position: relative;width:240px; height:120px;">
  <amp-img layout="fill"style="object-fit: cover;" alt="" src="https://hips.hearstapps.com/ghk.h-cdn.co/assets/17/30/2560x1280/landscape-1500925839-golden-retriever-puppy.jpg?resize=480:*"> </amp-img>
</div>

​

但是amp-img的内联样式不是working.Can，有人告诉我为什么并给出这个问题的解决方案吗？

Answer 1

是，AMP中允许内联样式。对于上面我测试过的示例，您为包装的div元素应用的样式是有效的。对于你在amp-img元素上应用的样式'object-fit: cover‘在这里将不起作用，因为你使用了layout="fill“。在填充布局中，img将采用其包装元素的大小。

要使用amp-img，最好具有固定比例的图像(例如16x9)，然后可以使用布局响应式，如layout=" responsive“width="16”height="9“。