2017-05-05 92 views
0

我創建了一個既有移動版又有PC版的網站。在電腦版本上沒有播放按鈕,但在移動版本上。由於移動版本的某些原因,音頻標籤不斷被切斷,看起來不專業。我查看了很多來源,但仍找不到可行的答案。預先感謝您的幫助。以下是我的代碼:爲什麼音頻按鈕在HTML 5音頻標籤中被切斷

<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

+0

你有,展示了音響控制被切斷任何截圖? –

+0

是的。它會很難,因爲它在線。如果你有移動設備搜索框boxwiththesoundofitsownmaking.net – Kg123

+0

這將帶給你的問題 – Kg123

回答

0

您的CSS似乎無法響應跨設備。在瀏覽器中,您可以使用切換設備工具欄來確定手機屏幕的大小,並根據您希望音頻正確顯示的設備類型進行設置。

使用@media screen

瞭解更多... https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

+0

您能否幫我將其編入代碼 – Kg123

+0

再次感謝您的幫助 – Kg123