如何使这个表响应？

Question

请帮助我如何使这种类型的表响应，我希望我需要在响应式移动和平板电脑布局下彼此下面的每个表。 在桌面视图中，它们是并排的。

以下是演示的链接： Demo

Answer 1

创建三个div，宽度为33％，左浮动 - 给它们相同的类。您需要清除以下内容。

当您的网站达到特定宽度（即移动设备）时使用CSS媒体查询，您可以更改div类样式以将div的宽度设置为100％并将float设置为none。

为了您了解媒体查询，可以找到一个很棒的（实时）示例here。