css - 当屏幕尺寸小于 768px 时添加水平滚动条

Question

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

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

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

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

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

Answer 1

如果 width 参数为真，它会显示一个滚动条。

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