如何将两个表格与不同的列对齐

Question

我正在创建一个响应式站点，该站点具有两个垂直对齐的表。 结构如下：

[         title of table 1          ]
[       col1      ][       col2     ]

[         title of table 2          ]
[  col1  ][  col2  ][ col3 ][ col4  ]

标题行使用colspan="4"，并且此表格布局适用于ios以外的所有内容。

在iPhone上检查此表后，布局看起来像这样：

[   title of table 1   ]
[   col1   ][   col2   ]

[         title of table 2          ]
[  col1  ][  col2  ][ col3 ][ col4  ]

是否可以在所有设备上使它们具有相同的宽度？

我尝试将表格宽度设置为相同的像素值，并且尝试设置单元格宽度。到目前为止还没有运气。