Chrome中的srcset總是顯示列表中的第一張圖片

Question

我第一次使用srcset進行遊戲，並且它在所有瀏覽器中似乎都能正常工作，除Chrome之外。 Chrome會始終選取srcset列表中排在第一位的圖片。我正在使用的代碼如下。

<img 
    srcset="/testPic_1800.jpg 1800w, /testPic_1200.jpg 1200w, /testPic_600.jpg 600w, /testPic_480.jpg 480w" 
    sizes="(max-width: 413px) 300px, 
      (max-width: 767px) 384px, 
      600px" 
    src="/testPic_600.jpg" alt="Cars" 
    > 

因此，在這個例子中，Chrome瀏覽器始終會選擇1800的圖像，但是如果我改變，因此480是第一，這將是選擇的順序。有任何想法嗎？我的img設置有問題嗎？

在此先感謝

Answer 1

Chrome 37版只支持x描述符，它認爲所有候選人都是「1X」所以它只是挑選第一個。 Chrome 38及以後版本支持w。你應該更新你的瀏覽器。如果你想支持舊的Chromes，請使用picturefill，或者只是把你的src候選人也放在srcset之前，並讓它在老的Chromes中作爲後備。