当使用带有无断点的<img>的响应图像集(即没有sizes属性)时,您通常会以不同的分辨率提供同一图像的多个版本,然后使用像素密度语法在srcset属性中进行定义,例如1x2x3x
但是,通常图像的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图像。

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

最佳答案

Specification说:



也就是说,如果1x属性与src属性相同,则可以省略它,但是如果您使用宽度描述符,则不能这样做。

关于HTML5 srcset : is 1x mandatory?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34466761/

10-11 11:27