分辨率切换可以使用srcset和sizes属性来完成。（然而，这在像素密度为2的显示器上是失败的。）请参阅MDN文章Responsive images了解更多信息。

<img
  srcset="images/bg-curve-mobile.svg 375w, images/bg-curve-desktop.svg 800w"
  sizes="(max-width: 375px) 375px, 800px"
  src="images/bg-curve-desktop.svg"
  alt="">

虽然这也可以使用JS来完成，但这里有一个可行的css解决方案。您可以将url替换为项目中图像的文件路径。
联系我们

<div class='container'>
  <img />
</div>

css：

img{
  display: block;
  width: 100%; // this makes our image responsive. 
  
  
  content: url(url_pc)
}


@media only screen and (max-width: 375px) {
  body {
    background-color: lightblue;
  }
  img{
    content: url(url_mobile)
  }
}