Chrome 52似乎不支持HTML5图片元素?源集不工作

2022-02-22 00:00:00 image html responsive-design picturefill

我刚开始一个新网页,所以没有太多标记要检查。

我记下了:

<picture>
    <source media="(min-width: 1000px)"
            srcset="images/largeme.jpg">
    <source media="(min-width: 465px)"
            srcset="images/medme.jpg">
    <img src="images/smallme.jpg"alt="hero profile">
</picture>

并且无论窗口的宽度如何,它都默认为medme.jpg图片。我写下了这个:

<picture>
    <source media="(min-width: 1000px)"
            srcset="images/largeme.jpg">
    <source media="(min-width: 465px)"
            srcset="images/medme.jpg">
   <!-- <img src="images/smallme.jpg"alt="hero profile">-->
</picture>

注释掉img回退标记,它没有显示任何内容。

我运行的是Chrome52,它应该支持图片元素。但它似乎表现得好像不支持它什么的。我在这里做错了什么?


解决方案

img元素中的img元素不是可选的。picture包装及其source元素用于更改img,而不是替换它。

相关文章