My code：

<table id="Qi28pjBTy2"
style="border: 2px solid rgb(0, 0, 0); border-collapse: collapse; table-layout: fixed; transform-origin: 0px 0px; transform: scale(1); width: 100%;">
<tbody>
<tr style="height: 62.7795px;">
<td rowspan="1" colspan="4" valign="middle"
style="width: 848.394px; min-width: 848.394px; max-width: 848.394px; box-sizing: border-box; padding: 6px 8px 8px; border: 2px solid rgb(0, 0, 0); font-size: 21px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei'; text-align: left; overflow-wrap: break-word;"></td>
</tr>
<tr style="height: 62.7795px;">
<td rowspan="1" colspan="1" valign="middle"
style="width: 212.098px; min-width: 212.098px; max-width: 212.098px; box-sizing: border-box; padding: 6px 8px 8px; border: 2px solid rgb(0, 0, 0); font-size: 21px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei'; text-align: left; overflow-wrap: break-word;"></td>
<td rowspan="1" colspan="1" valign="middle"
style="width: 212.098px; min-width: 212.098px; max-width: 212.098px; box-sizing: border-box; padding: 6px 8px 8px; border: 2px solid rgb(0, 0, 0); font-size: 21px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei'; text-align: left; overflow-wrap: break-word;"></td>
<td rowspan="1" colspan="2" valign="middle"
style="width: 424.197px; min-width: 424.197px; max-width: 424.197px; box-sizing: border-box; padding: 6px 8px 8px; border: 2px solid rgb(0, 0, 0); font-size: 21px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei'; text-align: left; overflow-wrap: break-word;"></td>
</tr>
</tbody>
</table>

It has a column width of 1:1:2 in the browser and is rendered as 1:1:1

Hi,

If you remove the "width: 100%" from the table element the columns end up in the ratio 1:1:2.

Hope this helps,
Mark