如果宽度大于给定大小，如何更改图像

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网站。