Android chrome始终使用srcset中的完整尺寸图片

Question

这个问题非常令人沮丧，我很感激任何见解。这是摘要。

尽管图片具有完整的srcset，但Android上的Chrome始终会提供完整尺寸的图片。

因此，如果页面有10个图像，尽管每个版本有5个不同宽度的版本，将使用完整大小，通常为每个1-2MB，因此在移动设备上为20MB。

如果你看一下下面图片中的 currentSrc ，那就是Cape-Vulture.jpg“。这是完整大小的1.2MB版本。它已经在这个负载上新下载了（状态200 - 请参阅下面的调试信息，了解有关清空缓存的更多信息。。您还会看到 clientWidth 372 ，实际上视图的最大宽度为412px。 / p>

Img html来源：

<img class="wp-image-43726 size-large"
    src="http://media.londolozi.com/wp-content/uploads/2016/01/11033102/Cape-Vulture-720x477.jpg"
    alt="" width="720" height="477"
    srcset="http://media.londolozi.com/wp-content/uploads/2016/01/11033102/Cape-Vulture-720x477.jpg 720w,
        http://media.londolozi.com/wp-content/uploads/2016/01/11033102/Cape-Vulture-300x199.jpg 300w,
        http://media.londolozi.com/wp-content/uploads/2016/01/11033102/Cape-Vulture-1398x927.jpg 1398w,
        http://media.londolozi.com/wp-content/uploads/2016/01/11033102/Cape-Vulture.jpg 1400w"
    sizes="(max-width: 720px) 100vw, 720px">

为什么会发生这种情况？为什么要使用完整的图像？当然上面的img src会导致在手机上提供720px版本吗？正确的图像网址甚至在src attr中指定，但不知何故chrome仍然坚持拉动1.2MB版本。这完全破坏了这个博客的移动体验，让我疯狂。据我所知，当代码符合标准时，没有理由下载完整的图像。

作为网站注意，桌面上正确显示正确的图像（720px）（FF，chrome）。

有关我的调试设置的说明：

• 在Android设备上使用Chrome的远程调试（SAMSUNG Galaxy S6）
• 在每次测试前手动清除缓存
• 使用隐身模式进一步排除缓存

提前致谢

Answer 1

如果设备的密度为4，则填充372px宽视口所需的图像必须为1488像素宽。

您使用什么样的设备进行测试？