当屏幕尺寸小于 768 像素时添加水平滚动条

Question

我正在使用Bootstrap进行响应式设计。但我想将其用于最小 768px （col-sm-*） 宽度。

我有一堆带有 .col-* 类的元素，问题是当我将窗口大小调整到小于 768px 时，整个设计就会崩溃。

如何限制网站的宽度为768px，并在较小的窗口尺寸上显示水平滚动条？

例如，我使用这个虚拟方法，但当然，它没有帮助：

@media screen and (min-width: 0) and (max-width: 768px) {
   ...
}

Answer 1

如果宽度参数为 true，它将显示滚动条。

@media screen and (min-width: 0) and (max-width: 991px) {
   overflow: auto;
}

Answer 2

如果你想显示滚动条，试着在你的css中添加这个 @media屏幕和（最小宽度：0）和（最大宽度：991px）{ 溢出-x ：滚动; }