HTML <img> sizes 属性
实例
图像标记如下:
<img srcset="wolf_1400.jpg 1400w,
wolf_700.jpg 700w,
wolf_400.jpg 400w" sizes="(min-width: 700px) 700px, 100vw" alt="Wolf Garden">
尝试一下 »
浏览器支持
除了IE外,所有现代浏览器都支持 sizes 属性。
定义和用法
表示图像大小的以逗号隔开的一个或多个字符串。每一个资源大小包括:
- 一个媒体条件。对于最后一项,这个必须被忽略。
- 一个图像尺寸的值。
资源尺寸的值被用来指定图像的预期尺寸。当srcset使用 'w' 描述符时,用户代理使用当前图像大小来选择srcset中合适的一个图像URL。 被选中的尺寸影响图像的显示大小(如果没有CSS样式被应用的话)。如果没有srcset,或者没值,那么这个sizes属性将不起作用。
浏览器支持:IE不支持。Chrome/Firefox/Edge/Safari/Opera都支持。
HTML 4.01 与 HTML5之间的差异
无。
HTML <img> 标签