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元素的顯示塊在某些瀏覽器中不起作用

回答

相關問題