一部のブラウザでtd要素の表示ブロックが機能しない

Question

私は応答性のあるものにする必要がありますtableすべてのtd要素をモバイルビューで1行のように動作させたいと考えています。私は使用しました

td{ 
    @media (max-width:768px) 
     { 
      display:block; 
     } 
    } 

これは、Google Chromeで完全に正常に動作しますが、mozilla Firefoxブラウザでは動作しません。 mozilla tdの要素が全幅を取っていないので、私はのためにwidth:100%を試してみました。この問題を解決するにはどうすればよいですか？

Google Chromeの

Firefoxの

Answer 1

あなたが幅を設定しようとしています。だけでなく、すべての親要素にブロック：100％&表示を？ so

td, tr, table, tbody { 
    width: 100%; 
    display block; 
}