HTML <picture> 标签

实例

如何使用 标签:


  
  
  Flowers

定义和用法

 标签使 Web 开发人员在指定图像资源方面更具灵活性。

 元素的最常见用途是在响应式设计中用于艺术指导。可以设计多个图像来更好地填充浏览器视口,而不是根据视口宽度缩放一个图像。

 元素包含两个标签:一个或多个  标签和一个  标签。

浏览器将查找媒体查询与当前视口宽度匹配的第一个 元素,然后显示正确的图像(在 srcset 属性中指定)。 元素是 元素的最后一个子元素,如果没有 source 标签匹配,则作为后备选项。

提示: 元素的作用类似于

你可能感兴趣的:(#,python语言基础,html,前端)