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
,而不是替换它。
相关文章