设计一个在调整浏览器大小时收缩的表格

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渲染的基本本质。让它流动。