Question

似乎无法让它发挥作用。目前只有全尺寸的img（soho-w920h665）加载。我试图做的事情：img跨越100vw直到窗口宽度为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不起作用

1 个答案: