img srcset不工作

Question

似乎不能让它起作用。目前只有全尺寸img (soho-w920h665)加载。我想做的是:当窗口宽度达到766px或更大时，img的跨度为100vw，然后img的跨度仅为50vw。

<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
    ">

Answer 1

请确保您使用了正确的语法，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