<picture>标记断点的异常行为

Question

实际上，我正在做一个简单的事情，一个英雄标题，在这里我使用picture标签根据当前屏幕分辨率显示不同大小的英雄图像。

最奇怪的是，我注意到在标记中我定义了一个断点640px和1200px，但是浏览器更早地更改了图像，这意味着：

576px-> 640px 1077px-> 1200px

这并不重要，但是我无法获得有关该主题的任何信息？是否有人熟悉该问题，并愿意分享其原因？

看一下屏幕截图：