如何在firefox android中设置（或获取）音频元素的高度？

Question

我有一个嵌入在div标签中的HTML5音频元素，我设置了这个元素的高度：

<div style="border:solid 2px red">
    <audio style="height:30px; display:block" controls="controls" >
    </audio>
</div>

此代码在除Firefox android之外的所有新浏览器中都能正常运行：

。

（左图：chrome android;右图：firefox android）

但是当我使用js函数document.getElementsByTagName('audio')[0].offsetHeight()时，它返回30px。

我该怎么办？