html表格需要针对不同的屏幕进行调整

我有一张桌子，看起来很好，适合屏幕，可以调整到某个点或更小

它不会完全显示，并显示表格的右侧大小

我真的不想用html代码中的样式更改表格设置，因为它们看起来不错，但确实需要在那里添加一些东西，使其更改为位于Ie之下。

需要有一个额外的

，然后

将其置于彼此之下

函数openNav（）{ document.getElementById（“mySidenav”）.style.width=“100%”； } 函数closeNav（）{ document.getElementById（“mySidenav”）.style.width=“0”； }

h1{
字号：18.5px；
字号：200；
对齐：居中；
字体：斜体；
颜色：#fff；
填充：.8rem.8rem.8rem.8rem；
边框：0.2rem实心#fff；
边界半径：1em；
文本转换：大写；
动画：闪烁1.5s无限交替；
}
h1:：-moz选择{
背景色：var（--霓虹灯边框颜色）；
颜色：var（--霓虹文字颜色）；
}
h1：：选择{
背景色：var（--霓虹灯边框颜色）；
颜色：var（--霓虹文字颜色）；
}
h1：焦点{
大纲：无；
}
/*设置霓虹灯闪烁动画*/
@关键帧闪烁{
0%,
19%,
21%,
23%,
25%,
54%,
56%,
100% {
文本阴影：-0.2rem-0.2rem-1rem-fff，0.2rem-0.2rem-1rem-fff，0.5rem-var（--霓虹文字颜色），0.2rem-var（--霓虹文字颜色），0.2rem-var（--霓虹文字颜色），0.3rem-var（--霓虹文字颜色）；
框阴影：0.4rem#fff，插入0.3rem#fff，0.3rem var（--霓虹灯边框颜色），插入0.2rem var（--霓虹灯边框颜色），0.1rem var（--霓虹灯边框颜色），插入0.2rem var（--霓虹灯边框颜色）；
}
14%,
24%,
55% {
文本阴影：无；
盒影：无；
}
人力资源{
宽度：100%；
高度：6px；
背景色：黑色；
选择率：0.5；
左边距：自动；
右边距：自动；
z指数：400；
边际上限：0px；
盒影：0 0 10px 1px黑色；
}
.navigationtablex tr:n子项（奇数）{
背景颜色：米色；
最小宽度：200px；
}
.navigationtablex tr:n子项（偶数）{
背景颜色：米色；
最小宽度：200px；
}
.navigationtablex tr{
最小宽度：200px；
}
.navigationtablex th：第一个孩子，
.navigationtablex td：第一个孩子{
填充：0px；
最小宽度：200px；
}
.navigationtablex td，
.导航表{
填充：0px；
显示：表格单元格；
文本对齐：左对齐；
垂直对齐：顶部；
最小宽度：200px；
}
.导航表{
字体大小：400；
最小宽度：200px；
}
.导航表{
字体大小：18px！重要；
边框：3px实心#033；
边界塌陷：塌陷；
边界间距：3；
最小宽度：200px；
显示：表格；
浮动：对；
}
.dropbtn{
填充：0px；
文字装饰：无；
盒影：0.20px rgba（0,0,0,0.4）；
颜色：黑色；
字号：500；
身高：100%；
文本阴影：0px 0px黄色；
文本对齐：居中；
垂直对齐：顶部；
字号：16.5px；
边界：无；
字母间距：.7px；
字体系列：verdana；
浮动：左；
最小宽度：2像素；
对齐：左；
}
.dropbtn:悬停{
边界：无；
身高：100%；
}
.下拉列表{
位置：相对位置；
显示：内联块；
最小宽度：250px；
填充：0px；
身高：100%；
边界：无；
光标：指针；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景图像：线性梯度（74.9度，rgba（104,13,55,1）2.7%，rgba（122,76,244,1）68.6%，rgba（104,13,55,1）95%）；
最小宽度：250px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：2；
边框：.5px实心353D30；
字体大小：粗体；
文字装饰：无；
填充：10px 6px 10px 6px；
最大高度：400px；
溢出：自动；
}
.下拉内容a{
颜色：黑色；
填充：10px 6px 10px 6px；
文字装饰：无；
z指数：3；
背景色：白色；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
显示：块；
边框：2px实心353D30；
字体大小：400；
最小宽度：250px；
右边距：20px；
左边距：2倍；
}
.下拉列表内容a：悬停{
背景色：#fff5ee；
最小宽度：2px；
右边距：0px；
显示：块；
边框：2倍纯橄榄色；
}
.下拉：悬停.下拉内容{
显示：块；
最小宽度：2px；
右边距：0px；
颜色：黑色；
字体大小：400；
边界：无；
}
.下拉列表：悬停{
背景颜色：米色；
右边距：0px；
边界：无；
}
B.专栏B{
浮动：左；
宽度：100%；
填充：15px 15px 15px 15px；
最小高度：409px；
盒影：0.20px rgba（0,0,0,0.4）；
}
.第1栏{
浮动：左；
宽度：100%；
填充：15px 15px 15px 15px；
高度：80px；
盒影：0.20px rgba（0,0,0,0.4）；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：白色；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
文本对齐：左对齐；
}
.侧导航a{
填充：8px 8px 8px 8px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav_a{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：白色；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
文本对齐：左对齐；
}
.sidenav_ua{
填充：8px 8px 8px 8px；
文字装饰：无；
字体大小：25px；
颜色：蓝色；
显示：块；
过渡：0.3s；
}
.sidenav_a：悬停{
颜色：红色；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：46px；
左边距：50像素；
}
.侧导航a.关闭B\U a{
销售时点情报系统
@media only screen and (max-width: 600px){
    table {
        width : 100%;
    }
}