td元素的显示块在某些浏览器中不起作用

Question

我需要做出回应table。我想让所有td元素在移动视图中表现得像一行。我用过

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

这在谷歌浏览器中工作得很好，但在mozilla firefox浏览器上不起作用。在mozilla中，td元素没有占据全宽，我已经尝试了width:100% td没有使用。我该如何解决这个问题？

Google Chrome

火狐

Answer 1

您是否尝试过设置宽度：100％＆amp; display：阻止所有父元素？所以

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