html - 浏览器从 srcset 和原始图像下载图像

Question

例如我有这样的img：

<img src="images/image-520.jpg"
     alt="some image"
     srcset="images/image-1040.jpg 2x"
>

在正常而不是视网膜显示器上，浏览器仅下载image-520.jpg，但在视网膜显示器上，Chrome 桌面和 iOS 版 Safari 在第一次下载和渲染image-1040.jpg时DOMContentLoaded下载原始image-520.jpg图像。谁能解释为什么会发生这种情况，以及如何避免这种情况？