srcset：定義一個文件到桌面視網膜

Question

這是怎麼了我的形象標籤的樣子：

<img 
    src="img/thumb-teste-270x190.jpg" alt="usro" 
    sizes="(max-width: 20em) 100vw, 
      (min-width: 50em) 10vw" 
    srcset="img/thumb-teste-270x190.jpg 270w, 
      img/thumb-teste-690x486.jpg 690w" 
> 

對於桌面設備，我用一個小的拇指（270x190）。對於移動設備，我使用大拇指（690x486）。但我怎樣才能創建一個規則視網膜桌面使用中等大拇指（540x380）？

Answer 1

你並不需要指定的540x380的圖像必須在視網膜上被使用，如果你只需要添加該圖像到srcset瀏覽器應該足夠聰明弄清楚何時使用：

<img 
    src="img/thumb-teste-270x190.jpg" alt="usro" 
    sizes="(max-width: 20em) 100vw, 
      (min-width: 50em) 10vw" 
    srcset="img/thumb-teste-270x190.jpg 270w, 
      img/thumb-teste-540x380.jpg 540w, 
      img/thumb-teste-690x486.jpg 690w" 
> 

還有一個good post on this。