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

HTML5 Picture element does not seem to be supported by Chrome 52? Srcset not working(Chrome 52似乎不支持HTML5图片元素？源集不工作)

问题描述

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

我记下了：

<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，而不是替换它。

这篇关于Chrome 52似乎不支持HTML5图片元素？源集不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！