移动srcset结果不一致

Question

关于srcset的另一个问题不起作用，但是我已经遍历了无数问题，其中大多数似乎是“在私有窗口中打开测试”或“ srcset在那种浏览器中不起作用”。 >

我已经检查了以上两项，但仍无法始终加载我的移动人像图像。

我在FF中工作，如果我将窗口缩小到小于769px，它将正确显示。如果我使用开发工具来模拟移动设备，则不会。最重要的是，如果我在FF手机上打开密码笔-它也不会显示人像图像。在Chrome上有类似的结果。

我犯了一个愚蠢的语法错误吗？

所以这里是：

<img class="" 
     srcset="
        https://via.placeholder.com/780x520/91b9c7?text=Standard+Desktop 780w, 
        https://via.placeholder.com/365x520/c49055/3e7a23&text=Mobile+Portrait 365w,
        https://via.placeholder.com/1560x1040/c791c7/0011ff&text=Retina+Desktop 1560w"
     sizes="
        (max-width: 768px) 365px,
        (max-width: 768px) and (orientation: portrait) 365px,
        (min-width: 769px) and (orientation: landscape) 780px,
        (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) 1560px,
        (min-resolution: 2dppx) and (orientation: landscape) 1560px,
        365px"
     alt="alt text here">

这是一个codepen：https://codepen.io/chrisby34/pen/gObyQZy

关于srcset的另一个问题不起作用，但是我已经遍历了无数问题，其中大多数似乎是'在私有窗口中打开测试”或'srcset在该浏览器中不起作用'...

Answer 1

没有直接回答我自己的问题，而是通过使用图片标签来找到解决方案。