问如果视口超过一定宽度，停止图片元素下载图像

EN

使用<picture>元素，在视口超过一定宽度时，停止下载图像的最佳方法是什么？

我目前使用的是下面的HTML和CSS，如果视图端口>900‘m，但是只有在第一次加载页面时才能正确地阻止下载！当视窗大小调整到900’m以下，然后再调整大小超过900‘m时，transparent.png才会被下载。

此外，在IE9上，当页面第一次加载和视图端口调整大小时，transparent.png会被下载。

HTML

<picture>
    <source type="image/png" srcset="image.png" media="(max-width: 900px)">
    <img srcset="transparent.png"><!-- 1px transparent PNG -->
</picture>

CSS

@media (min-width: 900px) {
    picture {
        display: none;
    }
}

理想情况下，无论什么情况，我都不希望任何东西被下载到900 no以上。这个是可能的吗？