当使用<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将节省一些字节,尤其是在具有大型缩略图库的页面上。