HTML <img> sizes 属性

HTML img 标签参考手册 HTML <img> 标签

实例

图像标记如下:

<img srcset="wolf_1400.jpg 1400w, wolf_700.jpg 700w, wolf_400.jpg 400w" sizes="(min-width: 700px) 700px, 100vw" alt="Wolf Garden">

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

除了IE外,所有现代浏览器都支持 sizes 属性。


定义和用法

表示图像大小的以逗号隔开的一个或多个字符串。每一个资源大小包括:
  1. 一个媒体条件。对于最后一项,这个必须被忽略。
  2. 一个图像尺寸的值。

资源尺寸的值被用来指定图像的预期尺寸。当srcset使用 'w' 描述符时,用户代理使用当前图像大小来选择srcset中合适的一个图像URL。 被选中的尺寸影响图像的显示大小(如果没有CSS样式被应用的话)。如果没有srcset,或者没值,那么这个sizes属性将不起作用。

浏览器支持:IE不支持。Chrome/Firefox/Edge/Safari/Opera都支持。


HTML 4.01 与 HTML5之间的差异

无。



HTML img 标签参考手册 HTML <img> 标签