Html 启用表格滚动，同时减小窗口大小

我有一张桌子在一个隔间里。隔间有固定的宽度。如果表（td）的内容很大，则表会从div溢出。 考虑一下我的HTML看起来像

<div>
    <table border="1" cellspacing="0">
        <tr><th>Name</th><th>Text</th></tr>
        <tr><td>abc</td><td>vvvvvvnvjfdjfjfdjdfjjddjfkjfdjfdkjdf</td></tr>
        <tr><td>xyz</td><td>hfhdjhjfdhjhdfjhdfjdfhfdhjfdhjdfhjfd</td></tr>
    </table>
</div>

现在这张桌子看起来很像

这没关系。现在我想调整适合移动设备的窗口大小。 那么桌子应该是这样的

也就是说，我希望避免单词换行，并使表格水平滚动

我希望水平滚动仅适用于移动设备屏幕。 我可以在中为移动设备编写css

@media (max-width: 767px)
.table-responsive > table {

}

---

因为我使用了

表格布局：固定对于表，移动设备的滚动属性不工作。但是我无法删除
表布局：已修复属性，因为它用于其他设备（计算机）。
最终获得了解决方案

@media (max-width: 767px)
.table-responsive > table {
table-layout: auto !important;
}

对于移动设备，采用上述css。而对于其他设备（计算机）则需要

注意：我已经有了水平滚动的代码。
最终得到了解决方案

@media (max-width: 767px)
.table-responsive > table {
table-layout: auto !important;
}

对于移动设备，采用上述css。而对于其他设备（计算机）则需要

注意：我已经有了水平滚动的代码

table{
    table-layout:fixed;     
}