当使用响应图像设置没有断点(即没有
sizes
属性)您通常提供不同的分辨率相同的图像,你然后在限定的多个版本srcset
使用像素密度的语法,例如属性1x
,2x
,3x
但是,通常1x
图像的版本与src
属性中已定义的图像相同,因此有点多余.因此我想知道 - 在参数中定义1x
一个真正必要/强制的版本?srcset
仅使用时
代替
然后至少Firefox将正确地显示350x150
图像,并尽快缩放级别/ DPPX是> 1
它将使用700x300
图像.
省略1x定义srcset
将节省几个字节,尤其是在具有大型缩略图库的页面上.
该规范说:
如果孩子有一个
src
其值不是空字符串和属性源集合不包含具有的1的密度值的描述符的图像源,并且具有宽度描述符没有图像源,附加子的src
属性值源集合.
这意味着1x
如果它与src
属性相同,则可以省略源,但如果使用宽度描述符则不能这样做.