Html 为什么我的桌子在小屏幕上占据了身体100%以上的宽度？

我在两个包装div内有一个表的代码，外部带有

display:table

，内部带有

display:table单元格；垂直对齐：居中

，因此表格将显示在屏幕中央

但问题是，当我将窗口的大小调整到小于550px时，我的代码没有按预期显示。表格将停止在该宽度以下调整大小

当我删除

.page

和

.vcenter

包装器时，表会按预期调整大小

*{
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*Chrome/Safari/Opera*/
-khtml用户选择：无；
/*康克勒*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，当前为
任何浏览器都不支持*/
}
/*************************************/
html，
身体{
保证金：0；
宽度：100%；
身高：100%；
}
.第页{
显示：表格；
文本对齐：居中；
宽度：100%；
身高：100%；
}
.vcenter{
显示：表格单元格；
垂直对齐：中间对齐；
}
/*************************************/
桌子{
显示器：flex；
溢出：隐藏；
}
泰德{
显示器：flex；
弹性收缩：0；
宽度：30%；
}
t车身{
显示器：flex；
位置：相对位置；
溢出-x：自动；
溢出y：隐藏；
宽度：70%；
}
tr{
显示器：flex；
弯曲方向：立柱；
弹性收缩：0；
}
运输署，
th{
显示：块；
}
运输署{
左边框：0；
}
运输署，
th{
边框：1px实心；
}
th：不是（最后一个孩子），
td：不是（最后一个孩子）{
边界底部：0；
}
tr{
宽度：100%；
}
th{
背景色：深蓝色；
文本权重：粗体；
颜色：白色；
}

菲利佩
脆的
马可
财务报表1
财务报表2
财务报表3
财务报表4
财务报表5
财务会计准则第6条
财务会计准则第7条
财务报表8
财务会计准则第9条
财务会计准则第10条
财务报表11
财务报表12
财务报表13
财务会计准则第14条
财务会计准则第15条

您需要使用

表格布局：已修复

*{
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*Chrome/Safari/Opera*/
-khtml用户选择：无；
/*康克勒*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，当前为
任何浏览器都不支持*/
}
/*************************************/
html，
身体{
保证金：0；
宽度：100%；
身高：100%；
}
.第页{
显示：表格；
表布局：固定；
文本对齐：居中；
宽度：100%；
身高：100%；
}
.vcenter{
显示：表格单元格；
垂直对齐：中间对齐；
}
/*************************************/
桌子{
显示器：flex；
溢出：隐藏；
}
泰德{
显示器：flex；
弹性收缩：0；
宽度：30%；
}
t车身{
显示器：flex；
位置：相对位置；
溢出-x：自动；
溢出y：隐藏；
宽度：70%；
}
tr{
显示器：flex；
弯曲方向：立柱；
弹性收缩：0；
}
运输署，
th{
显示：块；
}
运输署{
左边框：0；
}
运输署，
th{
边框：1px实心；
}
th：不是（最后一个孩子），
td：不是（最后一个孩子）{
边界底部：0；
}
tr{
宽度：100%；
}
th{
背景色：深蓝色；
文本权重：粗体；
颜色：白色；
}

菲利佩
脆的
马可
财务报表1
财务报表2
财务报表3
财务报表4
财务报表5
财务会计准则第6条
财务会计准则第7条
财务报表8
财务会计准则第9条
财务会计准则第10条
财务报表11
财务报表12
财务报表13
财务会计准则第14条
财务会计准则第15条

您需要使用

表格布局：已修复

*{
-webkit触摸标注：无；
/*iOS野生动物园*/
-webkit用户选择：无；
/*Chrome/Safari/Opera*/
-khtml用户选择：无；
/*康克勒*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*Internet Explorer/Edge*/
用户选择：无；
/*无前缀版本，当前为
任何浏览器都不支持*/
}
/*************************************/
html，
身体{
保证金：0；
宽度：100%；
身高：100%；
}
.第页{
显示：表格