HTML <source> srcset 属性
实例
一个 <picture> 元素，包含两个源文件和一个回退图像:
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="鲜花" style="width:auto;">
</picture>
亲自试一试 »
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img src="img_orange_flowers.jpg" alt="鲜花" style="width:auto;">
</picture>
定义和用法
srcset 属性指定在不同情况下使用的图像的 URL。
在 <picture> 中使用 <source> 时需要此属性。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
语法
<source srcset="URL">
属性值
| 值 | 描述 |
|---|---|
| URL | 指定图像的 URL。 可能的值:
|
