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

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

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

例如,我使用了这种虚拟方法,但它当然无济于事:

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

最佳答案

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

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

关于css - 当屏幕尺寸小于768px时添加水平滚动条,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36006230/

10-11 13:54