做研究。我只想在我的网站的桌面版本上使用 HTML 5 音频标签，是否可以使用 @media 为移动设备删除它。
最佳答案
一种解决方案是不显示 audio带有 CSS 的元素媒体查询 .除了媒体查询，您还必须设置 视口(viewport) 在 meta元素。
但要小心，在某些情况下，某些浏览器会加载音频文件，即使 audio元素不显示。
这里有 audio 的 W3C 引用资料。元素，阅读 preload属性:http://www.w3.org/TR/html-markup/audio.html#audio
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>audio test</title>
<style>
@media (max-width: 799px) {
audio {
display: none;
}
}
</style>
</head>
<body>
<audio src="some/audio/file.mp3" preload="none" controls>
Your browser does not support the <code>video</code> element.
</audio>
</body>
</html>
关于html - 仅在我的网站的桌面版本上使用 HTML5 <Audio> 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24805669/