響應表（純HTML/CSS）

Question

Code：https://jsfiddle.net/qo44rgop/

我想表移動TD的下一行，如果屏幕變小（現在它擴展了表超過div的寬度）。我試圖在表格上使用margin: auto，它將它集中在div上，但它不適應屏幕大小。

Answer 1

---

您可能要考慮的一件事是在特定大小限制下將display屬性更改爲'block'。例如：

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

Answer 2

我認爲你應該使用@media並設置表格單元格100％的寬度（或更改display屬性）時，屏幕寬度與你的小概念符合（我認爲768px是正常的max-width移動設備，現在不記得了）。

在我給出的鏈接的底部有一個例子。