Question

我创建了一个既有手机版又有个人电脑版的网站。在PC版本上没有播放按钮，但在移动版本上它们是。由于某些原因，移动版本的音频标签不断被切断，看起来不专业。我查看了很多来源，但仍然无法找到可行的答案。在此先感谢您的帮助。以下是我的代码：

<html>
<head>
<style>

audio {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
}

</head>
</style>

<body bgcolor="black">

<audio controls>
    <source src="boxsoundownmaking.mp3" type="audio/mpeg">
</audio>

</body>

</html>

非常感谢所有帮助！ enter image description here

Answer 1

您的CSS似乎不是响应式跨设备。在浏览器中，您可以使用切换设备工具栏确定手机屏幕的大小，并根据您希望音频正确显示的设备类型进行设置。

使用@media screen

了解详情... https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

为什么音频按钮在HTML 5音频标签中被切断

1 个答案: