2

我正在阅读HTML5中的响应图像,并有一个问题。HTML srcset - 何时使用x描述符?

什么时候使用x描述符?例如,如果你有相同图像的不同分辨率版本,为什么你不使用w描述符? 据我所知如果定义:

<img src="fallback.img" alt"txt" 
 
    srcset="large.jpg 1024w, 
 
      medium.jpg 640w, 
 
      small.jpg 320w," 
 
    sizes="250px" 
 
    alt="txt">

然后,浏览器通过将所述图像的宽度(1024,640,320)反正算出的像素密度 - 通过W-描述符提供其宽度将显示在(250)处 - 由sizes属性提供。通过获得像素密度,浏览器可以考虑高密度显示。

这是我迄今为止的了解,如果我错了,我很想知道它。那么什么时候w描述符不是最好的选择?什么时候x描述符更可取?

+1

你明白正确。如果您在'px'中只定义了一个'sizes'值,则可以模拟x描述符的特征。在这些情况下使用x描述符的唯一原因是:它的语法较短。历史上,x描述符在w描述符之前。 –

回答

1

以前,当图像的渲染大小是固定的时候,我只使用了x描述符,这种情况的发生并不经常。

唯一的好处是一些浏览器支持x描述符,但支持w

既然浏览器的支持是普遍的,我只使用w描述符,并且很少<picture>