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

我需要做出响应table。我想让所有td元素在移动视图中表现得像一行一样。我已经使用td元素的显示块在某些浏览器中不起作用

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

这在谷歌浏览器中可以很好地工作，但在Mozilla Firefox浏览器中不起作用。在mozilla td元素没有全宽，我试过width:100%为td哪些没有工作。我该如何解决这个问题？

谷歌浏览器

火狐

来源

2017-02-14 Kola

你有没有设置表格布局：固定表格？ –

如果我使用表格布局：固定然后td元素只是压缩到原来的宽度.....所以我已经试过这个，现在它的工作在铬和mozilla ... 表，thead，tbody， tfoot，tr，th，td {media} {media（max-width：768px） { display：block; } } – Kola

设置要显示的所有表格子元素：block为我工作...不知道它是否是一个好的设计实践 – Kola

您是否尝试过设置宽度：100％&显示：块到所有的父元素呢？所以

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

来源

2017-02-14 07:25:51

经过近一个小时的调试后，这对我有效。谢谢DM – Luke

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

回答

相关问题