移动Chrome忽略了响应式图像

Question

长时间浏览器，首次调用者。...

我最近重新编写了网站，以使用响应式图像（这是我的新手），但是我的s7 chrome似乎总是加载“中”尺寸的图像，这是默认的src。

我尝试清除缓存并使用隐身模式。尽管我推断的唯一方法是选择图像并加载到新选项卡中并读取url，但似乎仍在加载中等图像。我不确定这是否正确。

我还尝试将默认的src更改为小图像，但介质仍在加载。

但是，在FF和Chrome桌面上，即使将开发人员工具设置为移动设备，它也似乎可以正常工作。以下是相关代码：

<img
    class="vertical"
    src="../galleryphotos/doveinsnow_medium.jpg"
    sizes=" (max-width: 675px) 271px,
            (max-width: 1920px) 620px,
            (min-width: 1921px) 1240px,
            100vw"
    srcset="../galleryphotos/doveinsnow_small.jpg 271w,
            ../galleryphotos/doveinsnow_medium.jpg 620w,
            ../galleryphotos/doveinsnow_large.jpg 1240w"
            alt="Dove In Snow photograph"/>

这里是带有上图的页面链接，尽管站点上的每个页面的行为方式都相同： http://herschbachphotography.com/gallery_index/doveinsnow.html

我想念什么？

Answer 1

据我所知，一切运行良好。我检查了Chrome版本69.0.3497.100（正式版本）（64位），如果将视口从675px更改为大于1920px，则可以看到图像的所有3个版本。

有两种方法可以确认显示的图像。

如果在3张图像的每张图像上放置不同的标记，将很容易分辨正在显示的图像。

另一种方法是使用Web Inspector（在浏览器中，右键单击页面，然后选择“检查”）

单击网络选项卡，选择img，然后重新加载页面。您将在页面上获得所有图像的完整详细信息。

我希望这会有所帮助！