我正在尝试使用<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