img srcset 不起作用

Question

似乎无法正常工作。当前仅加载全尺寸 img (soho-w920h665)。我想做的是：img 跨越 100vw，直到 window 宽度为 766px 或更大，然后 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

img srcset 不起作用

img srcset doesn't work

html

image

srcset