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

Question

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

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

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

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

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

Answer 1

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

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

Answer 2

如果要显示滚动条，请尝试在css中添加此项     @media screen和（min-width：0）和（max-width：991px）{       overflow-x：scroll;     }