HTML5 Picture element does not seem to be supported by Chrome 52? Srcset not working(Chrome 52似乎不支持HTML5图片元素?源集不工作)
本文介绍了Chrome 52似乎不支持HTML5图片元素?源集不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我刚开始一个新网页,所以没有太多标记要检查。
我记下了:
<picture>
<source media="(min-width: 1000px)"
srcset="images/largeme.jpg">
<source media="(min-width: 465px)"
srcset="images/medme.jpg">
<img src="aW1hZ2VzL3NtYWxsbWUuanBn"alt="aGVybyBwcm9maWxl">
</picture>
并且无论窗口的宽度如何,它都默认为medme.jpg图片。我写下了这个:
<picture>
<source media="(min-width: 1000px)"
srcset="images/largeme.jpg">
<source media="(min-width: 465px)"
srcset="images/medme.jpg">
<!-- <img src="aW1hZ2VzL3NtYWxsbWUuanBn"alt="aGVybyBwcm9maWxl">-->
</picture>
注释掉img回退标记,它没有显示任何内容。
我运行的是Chrome52,它应该支持图片元素。但它似乎表现得好像不支持它什么的。我在这里做错了什么?
推荐答案
img
元素中的img
元素不是可选的。picture
包装及其source
元素用于更改img
,而不是替换它。
这篇关于Chrome 52似乎不支持HTML5图片元素?源集不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
沃梦达教程
本文标题为:Chrome 52似乎不支持HTML5图片元素?源集不工作


猜你喜欢
- 从原点悬停时触发 translateY() 2022-01-01
- 使用 iframe URL 的 jQuery UI 对话框 2022-01-01
- 如何调试 CSS/Javascript 悬停问题 2022-01-01
- 为什么我的页面无法在 Github 上加载? 2022-01-01
- 如何向 ipc 渲染器发送添加回调 2022-01-01
- 在不使用循环的情况下查找数字数组中的一项 2022-01-01
- 是否可以将标志传递给 Gulp 以使其以不同的方式 2022-01-01
- 如何显示带有换行符的文本标签? 2022-01-01
- 为什么悬停在委托事件处理程序中不起作用? 2022-01-01
- 我不能使用 json 使用 react 向我的 web api 发出 Post 请求 2022-01-01