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

Question

我有一个HTML表格，我想制作流畅的表格，当它调整大小时，表格会折叠/收缩，就像http://sis.bristol.ac.uk/~cckhrb/webdev/code/site/fluid.htm上的表格一样。

我该如何设计这样的表？

由于

Answer 1

只需为<table>元素width 100%提供一个table { width: 100%; } 。

{{1}}

Answer 2

实际上，示例表没有width: 100%。

表调整大小是HTML中的默认值，您无需“执行任何操作”来设计此类表。最重要的是不要设置任何宽度。

恕我直言，过度设计和固定“像素完美设计”违背了HTML渲染的基本特性。让它流动。