我在我的一个项目中使用Lazysizes jquery插件,在响应式视图中根据浏览器窗口的大小加载/显示相应的图像,以下是在Chrome上显示图像的代码Firefox浏览器,但不在Safari和IE浏览器中,它只显示空白而不是图像。
<cfoutput>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/2.0.7/lazysizes.min.js" async=""></script>
<img
data-sizes="auto"
data-srcset="image01-sm.jpg 242w,
image02-med.jpg 355w,
image03.jpg 392w"
class="lazyload" />
</cfoutput>
如果我在img tag上使用了data-src="image.jpg"
属性,那么单独显示该图像,并且data-srcset
属性中的图像不会加载。这也没有回应。但是在Chrome和FF浏览器上一切正常。
不确定,为什么它不能在这些浏览器上工作(Safari和IE)?我错过了什么吗?