Html 两张100%宽度的桌子；在宽屏幕上的一行中；在狭窄的屏幕上分两行

我有两张桌子

• 在宽屏幕上，表格应排成一行
• 在窄屏幕上，如有必要，第二张桌子可以换行到下一行

这在下面的例子中很容易做到。然而，我也希望在这两种情况下，表格都能填满100%的屏幕宽度

• 在宽屏幕上，两张桌子的宽度应为100%
• 在窄屏幕上，每行中的每个表格都应具有100%的宽度

同一种知识同一种知识同一种知识
C Lorem Ipsum d Lorem Ipsum
E Lorem Ipsum F Lorem Ipsum
G Lorem Ipsum H Lorem Ipsum

您没有尝试引导表吗？

---

我可能应该提到，这是一个维基百科。我正在寻找一个简单的内联样式的css解决方案。

<table style="display: inline-table">
  <tr><th>A Lorem Ipsum</th><th>B Lorem Ipsum</th></tr>
  <tr><td>C Lorem Ipsum</td><td>D Lorem Ipsum</td></tr>
</table>
 <table style="display: inline-table">
  <tr><th>E Lorem Ipsum</th><th>F Lorem Ipsum</th></tr>
  <tr><td>G Lorem Ipsum</td><td>H Lorem Ipsum</td></tr>
</table>