为什么HTML5图像srcset同时加载两个图像？

Question

我有一个问题，理解为什么html5 img属性不能正常工作？ 在这个块中我设置了srcset，当我的屏幕宽度为320px时，我会得到image-xs.jpg，但浏览器显示的是image-md.jpg，我认为这是因为图像的负载。这是一个错误还是我不明白？请解释并且不会告诉标签图片和img里面，我想知道，为什么具体的img工作如此？

<img
        sizes="(min-width: 700px) 80vw, 100vw"
        srcset="img/image-xs.jpg 375w,
          img/image-sm.jpg 480w,
          img/image-md.jpg 768w"
        alt="City">