在css中有条件地隐藏滚动条？

我知道大多数人在这种情况下使用

overflow:auto

。但是，我的表格宽度略大于其中的内容（根据设计，页面上的各个部分具有相同的宽度）

是否有其他方法可以根据浏览器的像素宽度有条件地隐藏/显示滚动条

我的问题是我有一个滚动条弹出得太早了。看看这个例子：

这是表格的结尾，但滚动条不必要地弹出。这主要是因为“断开连接”一词之外有额外的空白。它正在基于整个单元格计算溢出属性。理想情况下，我希望能够隐藏滚动条，直到绝对需要（例如，页面变得足够小，以至于断开连接开始隐藏）

---

如果没有使用溢出：自动，我这里还有其他选项吗？

您可能试图解决错误的问题-如果“滚动条”弹出“不必要”这意味着您在填充/边距方面有问题-您应该检查项目并查看视图中溢出的内容-用边距替换填充或添加

框大小：边框框

可能会有所帮助

除此之外，您可以对原始问题使用媒体查询：

.element {
    overflow: visible;
}

@media (min-width: 900px) {
    .element {
        overflow: auto;
    }    
}

---

您可能试图解决错误的问题-如果“滚动条”弹出“不必要”，这意味着您在填充/边距方面有问题-您应该检查项目并查看溢出视图的内容-用边距替换填充或添加

框大小：边框框
可能会有所帮助

除此之外，您可以对原始问题使用媒体查询：

.element {
    overflow: visible;
}

@media (min-width: 900px) {
    .element {
        overflow: auto;
    }    
}