Css 如何为小于600的小屏幕创建响应表

我需要帮助缩小表的整体大小，以适应所有屏幕大小，我已经介绍过的大多数大小，但不能缩小到600或更小的移动屏幕大小。我在媒体查询中主要使用flex box，但无法将大小缩小到600以下。我遗漏了一些东西，但无法确定。 请查看我的代码，并告知我缺少什么。任何我感激的帮助。 我肯定会踢自己的

.table{
边界塌陷：塌陷；
边界间距：0；
保证金：0px自动；
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
}
.表td{
字体系列：Arial，无衬线；
字体大小：14px；
填充：10px 5px；
边框样式：实心；
边框宽度：1px；
溢出：隐藏；
断字：正常；
边框颜色：黑色；
}
.表th{
字体系列：Arial，无衬线；
字体大小：14px；
字体大小：正常；
填充：10px 5px；
边框样式：实心；
边框宽度：1px；
溢出：隐藏；
断字：正常；
边框颜色：黑色；
}
.表.索引表{
边框颜色：继承；
文本对齐：居中；
垂直对齐：中间对齐
}
@介质屏幕和（最大宽度：767px）和（最大宽度：1025px）和（最大宽度：300px）{
.桌子{
溢出-x：自动；
}
.索引表{
宽度：自动！重要；
}
}

西雅图
铰链式百叶窗规范
百叶窗尺寸
宽度
高度
分钟
马克斯
单挂
双折
多重
敏。
马克斯*
47毫米
152毫米
600毫米
600毫米
不适用
250毫米
300毫米
63毫米
750毫米
76毫米
89毫米
114毫米

您所需要做的就是使您的网站/页面对手机友好。为此，您必须设置视口，可以通过添加以下内容来实现：

---

在

html

文件中的

head

标记中，以及您的good to go。阅读更多信息。

是的，我已经有了，表确实缩小了，但停止了，所有其他内容都缩小了，表的大小保持不变