标签让 web 开发人员在指定图像资源时更加灵活。
元素最常见的用途是响应式设计中的艺术方向。可以设计多个图像以更好地填充浏览器视口,而不是让一张图像根据视口宽度按比例放大或缩小。
元素包含两个标签:一个或多个 <source> 标签 和一个 <img> 标签。
浏览器将查找媒体查询与当前视口宽度匹配的第一个 <source> 元素,然后它将显示正确的图像(在 srcset 属性中指定)。 <img> 元素作为 元素的最后一个子元素是必需的,用作当没有任何 source 标签匹配时的备用选项。
HTML 教程:HTML <picture> 元素
CSS 教程:CSS 响应式设计 - 图像
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.mushiming.com/mjsbk/8614.html