設計一個在調整瀏覽器大小時收縮的表格

Question

我有一張HTML表格，我想製作一個流動的表格，以便在調整大小時，表格會摺疊/收縮，就像http://sis.bristol.ac.uk/~cckhrb/webdev/code/site/fluid.htm上的表格一樣。

我該如何設計這樣的表格？

感謝

Answer 1

只要給<table>元素的100%一個width。

table { 
    width: 100%; 
} 

Answer 2

其實示例表沒有width: 100%。

表格大小調整是HTML中的默認設置，您不需要「做任何事情」來設計這樣的表格。最重要的是不要設置任何寬度。恕我直言，「像素完美設計」的過度設計和固定違背了HTML渲染的基本本質。讓它流動。