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>