2017-05-05 11 views
0

モバイル版とパソコン版の両方のWebサイトを作成しました。 PC版では再生ボタンはありませんが、モバイル版ではそうです。何らかの理由で、モバイル版では、オーディオタグは途切れ途切れになり、プロフェッショナルではないように見えます。私は多くの情報源を見てきましたが、まだ実行可能な答えを見つけることはできません。助けを前にありがとう。以下は私のコードです:HTML5オーディオタグで音声ボタンが途切れている

<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

はい。それはオンラインなので難しいでしょう。あなたが携帯デバイスを検索している場合、ダウンメイリングネットで – Kg123

+0

の問題が発生します – Kg123

答えて

0

あなたのCSSは応答デバイスではないようです。お使いのブラウザでは、デバイスのツールバーを使用して電話機の画面サイズを判断し、オーディオが正しく表示されるようにするデバイスの種類に応じてスタイルを変更できます。

使用@media screen

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

+0

コードに入れ替えることができますか – Kg123

+0

もう一度助けてくれてありがとう – Kg123

関連する問題