html运行实例（tag_picture）-搜寻教程库

代码示例：（标识：tag_picture）

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<h1>picture 元素</h1>

<p>请调整浏览器窗口的大小以加载不同的图像。</p>

<picture>
  <source media="(min-width:650px)" srcset="/static/demo/images/photo/flower-4.jpg">
  <source media="(min-width:465px)" srcset="/static/demo/images/photo/tulip.jpg">
  <img src="/static/demo/images/photo/flower.gif" alt="Flowers" style="width:auto;">
</picture>

</body>
</html>