13

当使用<img>没有断点（即没有sizes属性）的响应式图像集时，您通常会提供不同分辨率的同一图像的多个版本，然后srcset使用像素密度语法在属性中定义这些版本，例如1x，2x3x

但是，通常1x图像的版本只是src属性中已经定义的同一个图像，所以有点多余。因此我想知道 -在参数中定义的1x版本真的有必要/强制性吗？<img>srcset

仅使用时

<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x">

代替

<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x">

那么至少 FireFox 将正确显示350x150图像，并且一旦缩放级别/dppx> 1将使用700x300图像。

省略 1x 定义srcset将节省一些字节，尤其是在具有大型缩略图库的页面上。

4

1 回答 1

19

规范说：

如果child具有src值不是空字符串的属性，并且source set不包含密度描述符值为 1 的图像源，并且没有具有宽度描述符的图像源，则将child的src属性值附加到source set。

1x这意味着如果源与属性相同，则可以省略源src，但如果使用宽度描述符，则不能这样做。

于 2015-12-26T11:31:03.940 回答