img srcset不起作用

似乎無法得到此工作。目前只有全尺寸img（soho-w920h665）加載。我想要做的是：img跨越100vw，直到窗口寬度爲766px或更大，然後img跨度只有50vw。img srcset不起作用

<img 
    srcset="/img/soho-w500h361.jpg 500, 
      /img/soho-w700h605.jpg 700, 
      /img/soho-w920h665.jpg 920" 

    sizes="(min-width : 766px) 50vw, 

    data-src="/img/soho-w920h665.jpg 
    ">

來源

2017-07-23 Jake

只是一個刺，但對於「固有寬度像素」，例如「w」。 '/img/soho-w500h361.jpg 500w'是否需要？ – pdoherty926

確保您使用正確的語法，src屬性現在似乎已丟失。正確的語法的一個例子是 -

<img src="clock-demo-thumb-200.png" 
    alt="Clock" 
    srcset="clock-demo-thumb-200.png 200w, 
      clock-demo-thumb-400.png 400w" 
    sizes="(min-width: 600px) 200px, 50vw">

所以仔細檢查你的data-src屬性。查看MDN文檔以獲得更好的洞察 - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

來源

2017-07-23 16:39:05

img srcset不起作用

回答

相關問題