☰

html在 chrome 中显示正常，但在 ie 11 中显示不正确

tag-icon • tag-icon google-chrome windows-explorer images html
html在 chrome 中显示正常，但在 ie 11 中显示不正确

我有一个 html 页面，其中嵌入了图片，使用下面的代码：

<picture>
    <source srcset="./images/myimage_small.jpg" media="(min-width: 800px)">
    <img src="./myfiles_files/myimage_small.jpg" alt="">
</picture>

该文件夹"./images/myimage_small.jpg"存在于服务器中，但"./myfiles_files/myimage_small.jpg"实际上不存在。如果我理解正确的话如何运作，如这里所述，浏览器会自动显示匹配的图片media="(min-width: 800px)"，如果找不到匹配的图片，则会返回到img src。在上面的代码中，chrome会"./images/myimage_small.jpg"正确显示，而 Internet Explorer 11 会尝试显示"./myfiles_files/myimage_small.jpg"，但不存在，因此只显示一个带有的框X。此外，如果img src将 替换为"./images/myimage_small.jpg"，则它在 chrome 和 Internet Explorer 中都会正确显示。

为什么当前代码在 chrome 中可以运行，但在 explorer 中却不行？

答案1

为什么当前代码在 Chrome 中可以运行，但在 Explorer 中却不能运行？

根据<picture>我可以使用……元素的浏览器支持表吗？<picture>，截至本文撰写时（2020 年 12 月），IE 11似乎尚未正式支持此功能：

我可以用吗

相关内容