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

【问题标题】：Add horizontal scroll bar when screen size is less than 768px当屏幕尺寸小于 768px 时添加水平滚动条
【发布时间】：2016-03-15 17:17:40
【问题描述】：

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

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

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

例如，我使用了这个 dummy 方法，但是当然没有帮助：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

如果您想显示滚动条，请尝试在您的 CSS 中添加它 @media screen and (min-width: 0) and (max-width: 991px) { 溢出-x：滚动； }

【讨论】：