amp-img 和在媒体大小的上下文中定义大小

Question

我想知道我是否可以不仅为两个不同的宽度定义 AMP 图片的大小，而且例如为三个 甚至四个：

<amp-img
    media="(min-width: 650px)"
    src="wide.jpg"
    width=466
    height=355 layout="responsive" ></amp-img>
<amp-img
    media="(max-width: 649px)"
    src="narrow.jpg"
    width=527
    height=193 layout="responsive" ></amp-img>

我试图通过 min-width 和 max-width 的并行定义来实现它，但它似乎不起作用。 这样的事情可能吗？

Answer 1

是的，可以，您可以使用 srcset 属性。可以找到更多信息 here。