html - 使用時にデフォルトの画像のみが表示されます

Question

<picture>and<source>要素を使用して、サイトにレスポンシブ画像を提供しようとしています。

私の問題は、デフォルトの画像しか表示されないことです。さまざまなウィンドウ サイズを使用してページをリロードしようとしましたが、PictureFill もロードしました。

私は何を間違っていますか？

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
        <source media="(max-width: 479px)" srcset="smallImage.jpg" />
        <source media="(max-width: 640px)" srcset="mediumImage.jpg" />
        <source media="(max-width: 767px)" srcset="largeImage.jpg" />
    <!--[if IE 9]></video><![endif]-->
    <img class="rsImg" src="xLargeImg.jpg" alt="MyDefaultImg" />
</picture>

注意: この問題が発生している間、私は Chrome を使用していました