JSFiddle - React, Tailwind, and code Playground

HTML

<picture>
  <source media="(min-width: 1000px)" srcset="http://img.qiang.it/1000x1000">
  <source media="(min-width: 500px)" srcset="http://img.qiang.it/500x500">
  <source srcset="http://img.qiang.it/100x100">
  <img src="http://img.qiang.it/100x100" alt="不支持picture的时候显示" />
</picture>

CSS

img {
  width: 100%;
}

JavaScript

if (!window.HTMLPictureElement) {
  console.log("no picture")
} else {
  console.log('ok');
}