如果宽度大于给定尺寸，如何更改图像[重复]

Question

我有两张图片：一张是小宽度的，另一张是大的。我已经尝试过这段代码，但它不起作用：

<img src="small.jpg" srcset="big.jpg 401w" alt="xx">

Answer 1

我认为这应该是一个 CSS 主题而不是一个 php。

您可能会遗漏其余代码，因为您发布的只是一行代码。
当您希望 img 更改大小时，您需要告诉浏览器。在下面的代码中，它在 400px 处发生变化；

<picture>
  <source srcset="small.jpg" media="(max-width: 400px)">
  <source srcset="big.jpg">
  <img src="big.jpg" alt="Flowers" style="width:auto;">
</picture>

来源W3c 网站。