我有一个非常令人沮丧的问题，mobile（在android和ios上测试了chrome，在ios上测试了safari）总是使用srcset中最大尺寸的图像（即使编辑器中明确选择了较小的尺寸）。

以下是问题的摘要：

在Wordpress编辑器中，插入图像时，我在移动设备上选择大（720px x 480px）作为图像大小，每次都会下载srcset中的全尺寸图像并显示在前端，因此问题有两个方面：

首先，尽管主动选择了较大的尺寸，但还是以某种方式使用了完整图像（为什么可能呢？）

下图是Chrome inspector使用远程USB调试的屏幕截图（因此这实际上是来自手机，而不是浏览器模拟）。您可以看到图像的实际SRC属性是图像的正确、较小版本（请注意“-720x480”）：

http://media.londolozi.com/wp-content/uploads/2017/08/10130833/DSC_3855-720x480.jpg

然而，Android上的Chrome实际上已经下载并提供了完整的图像。我知道这一点是因为：

网络选项卡中的图像显示状态为200（不是来自缓存），并且是全尺寸图像

<加载图像（和post）需要一段时间（我可以看到图像正在逐步下载）按住在手机上下载图像会保存完整图像，在新选项卡中按住并打开图像会打开完整大小的图像

只有在桌面上下载较小的图像（firefox和chrome）才是正确的。在每次测试中，我都会完全清除缓存。如果将“链接到”设置为“无”（以排除父级a 标签的href 干扰）

设备宽度为420px

您可以看到，图像上的“size large”类已在Wordpress编辑器中选择了“large”图像大小，因此完全不应下载完整的图像大小

我已在另一个wp网站上测试了这一点，并在同一问题上。。。选择图像大小对chrome android没有影响，你可以在这里看到自己的行为：博客。隆多洛齐。我不知道如何解释这种行为。

Am I correct in asserting that if I explicitly set a size when inserting an image into a post, that the image downloaded by the browser should not be larger than that size, no matter what? Or else setting a size is redundant.

你知道为什么会这样吗？