插入音頻元素導致CSS錯誤

Question

當我在我的HTML中插入audio標記時，它將頁面擰緊，導致背景和隨機元素消失。這是爲什麼發生？

<audio style="display: none; "></audio> 

我讓它看不見，因爲我用它在後臺播放音頻。這發生在我的iPhone 5，ios 6.1上。

Answer 1

我不確定我們是否遇到同樣的問題，但在搜索我的答案時發現了您的問題。我也嘗試在我的音頻標籤上使用display:none;，這使我的HTML變得棘手。我試圖隱藏它，因爲我正在使用自定義控件來播放/暫停btns，由於某種原因，我的文本和按鈕之間存在巨大差距，但僅限於我的iPad。發現音頻元素的默認尺寸是30px x 200px，如果您願意，您可以在Chrome的開發工具中看到這一點。這是將我的元素分開的默認尺寸。

不管怎麼說，如果這就是爲什麼你要隱藏的音頻元素，設置高度和寬度爲0，而不是使用display:none;

audio { 
height:0; 
width:0; 
}