Firefoxの-57：高さは、CSSを介して供給されますが、以下のように

Question

私のHTMLがあり、他のブラウザやバージョンで動作さaudio要素を隠す：オーディオタグは、例えば精ブラウザで精高さを持っている

<div> 
    <div> 
     <table> 
      <tbody> 
      <tr> 
       <td> 
        <audio src="audio1.mp3" controls="controls"></audio> 
       </td> 
       <td title="3b15f6c1fee191">3b15f6c1fee191</td> 
       <td ></td> 
       <td ></td> 
      </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 
<div> 
    <div> 
     <table> 
      <tbody> 
      <tr> 
       <td> 
        <audio src="audio2.mp3" controls="controls"></audio> 
       </td> 
       <td title="3c15f6c1fee1f1">3c15f6c1fee1f1</td> 
       <td ></td> 
       <td ></td> 
      </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 
<div> 
    <div> 
     <table> 
      <tbody> 
      <tr> 
       <td> 
        <audio src="audio3.mp3" controls="controls"></audio> 
       </td> 
       <td title="`">3a15f6bff18421</td> 
       <td ></td> 
       <td ></td> 
      </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 
...... 

Firefoxの-57で次のように示しています

私は

audio{ 
    height:30px 
} 

しかし、それは隠しのfirefox-57で私のDOMに次のCSSを追加したことを克服するためにオーディオタグは次のようになります。

私はブラウザ間の高さのこのシームレスな動作をもたらすためにどのように混乱している次のように0

他のブラウザでは良い実行します。

Answer 1

FFサポート（正しく）のみ<video>タグのwidthheight属性なので、私は推測する、<audio> 1のためだけでなくCSSを介してそれらを設定することはできません。

およびheightは、ビデオの外観、サイズおよび比率をページ設定よりもむしろ制御することを意図しています。 <audio>には、設定するwidthまたはheightがありません。

他のブラウザでは、それらを使用してオーディオプレーヤー自体のサイズを設定していますが、とにかくFFの動作はとにかく意味があります。

あなたの問題は正しく...のようなものの間隔と、あなたがより良いテーブルセルにCSSの高さを適用したい要素をページ分割された場合：

インライン要素なので

tr { 
    height:30px 
} 

詳細here

を、あなたはとにかく試してみてください：

audio { 
    width:20px; 
    height:30px; 
    display: block 
} 

は、おそらくそれがでて作業しますが、ほとんどの高さに...