Html 当我缩小屏幕时，Td元素中的某些列文本不可见

我在响应表div标记中使用html表。有一个带十进制数的数字列。但当我将页面大小缩小到更小的屏幕时，数值的某些部分不可见。但当我拖动到它原来的大小可以看到。如何使表列中的所有值在小屏幕和大屏幕上都可见

$（'#考勤'）。数据表（）；

！DOCTYPE html>
桌子
th，
运输署{
文本对齐：居中；
字体：较小；
边框顶部：1px实心#dddddd；
边框底部：1px实心#dddddd；
右边框：1px实心#dddddd；
}
输入[类型=编号]：-webkit内部旋转按钮，
输入[类型=编号]：-webkit外部旋转按钮{
-webkit外观：无；
保证金：0；
}
div.showinline{
显示器：flex；
对齐项目：居中；
}
雇员
正常出勤率
计划休假
假日
轮班日
其他
生病的
休息
额外时间
评论
时间
时间
时间
时间
时间
时间
时间
工资扣除
雇员1
雇员2
雇员3

您好，我想您需要在css上配置@media和微笑场景的大小。我希望我的答案是明确的，并且很有帮助的

将您的内部置于标签下方，这将使表格具有响应性这将允许水平较大的表格通过在移动屏幕上保持响应而滚动

<div class="table-responsive">
  <table class="table"></table>
</div>

*注意：您还需要在表上添加bootstrap表类以使其工作

这里是文档的链接

---

我已经这样做了，但不起作用您是否尝试将类“table”添加到表中？我已经添加了表classI仍然不起作用尝试检查元素并查看什么不起作用我添加了一张图片