Chrome5似乎没有支持HTML5图片元素？ Srcset不工作

我刚开始一个新的网页，所以没有太多的标记去过去。Chrome5似乎没有支持HTML5图片元素？ Srcset不工作

我设置了下来：

<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后备标记，它不显示任何内容。

我正在运行Chrome 52，它应该支持图片元素。但它似乎表现得好像它不支持它或什么。我在这里做错了什么？

来源

2016-08-30 David A. French

您确定图片正在投放吗？检查开发工具“网络”选项卡中的网络请求 –

根据this source的<source>媒体属性并不是在所有的支持...

来源

2016-08-30 20:03:07

https://googlechrome.github.io/samples/picture-element/上的工作是否正常，但是 –

最近w3schools已经落后于当前的规范。 –

应该在Chrome浏览器，也许你需要视meta标记来触发不同的来源是什么？ <meta name="viewport" content="width=device-width, initial-scale=1">Here is a simple picture-tag example它在铬中工作。将它与您的网站进行比较，以了解不同之处。

来源

2016-08-31 07:54:23 cloned

我实际上是从该示例网站复制粘贴：/ idk发生了什么。我最终得到了它的工作，但它仍然以意想不到的方式行事。我不知道为什么 –

picture元素中的img元素不是可选的。 picture包装及其source元素是更改img，而不是取代它。

来源

2018-01-15 08:17:54 rspeed

Chrome5似乎没有支持HTML5图片元素？ Srcset不工作

回答

相关问题