根据屏幕匹配的不同尺寸显示不同图片，如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素：
<picture>
<source
media="(min-width: 650px)"
srcset="demo1.jpg">
<source
media="(min-width: 465px)"
srcset="img2.jpg">
<img src="img1.jpg">
</picture>
定义
picture 元素允许我们在不同的设备上显示不同的图片，一般用于响应式。
HTML5 引入了 <picture> 元素，该元素可以让图片资源的调整更加灵活。
<picture> 元素零或多个 <source> 元素和一个 <img> 元素，每个 <source> 元素匹配不同的设备并引用不同的图像源，如果没有匹配的，就选择 <img> 元素的 src 属性中的 url。
根据屏幕匹配的不同尺寸显示不同图片，如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素： 定义...
HTML 5.1 新增加了 img 元素的 srcset 、 sizes 属性和 picture 元素，使得响应式...
HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML 元素 HTML ...
一、下面播报一则新闻 Chrome 70已经原生支持HTML5 播放时候Picture-in-Picture，也...
一、下面播报一则新闻 Chrome 70已经原生支持HTML5 播放时候Picture-in-Picture，也...
HTML 区块元素 HTML 内联元素 HTML 元素 HTML 与元素 实例：
HTML 元素 HTML 文档由 HTML 元素定义。 HTML 元素语法 HTML 元素以开始标签起始 HTML...
HTML 元素 HTML 文档是由 HTML 元素定义的。 HTML 元素 HTML 元素指的是从开始标签（sta...
一、HTML元素 HTML 文档由 HTML 元素定义，由嵌套的HTML元素（可以包含其他HTML元素）构成，HT...
原文：https://www.lanrentuku.com/js/picture-1227.html#[https...
本文标题：HTML
本文链接：https://www.haomeiwen.com/subject/kjloohtx.html
网友评论