html - Bootstrap container-fluid 不会在平板电脑中扩展

Question

我试图通过这种方式禁用 940px 以下的响应

.container{
  min-width: 940px !important;
}

这样做(以及媒体 Q 中的其他更改)在台式机和平板电脑上工作正常，但如果我将平板电脑转为纵向模式，流体容器不会扩展..它似乎保留了大约 60% 的可用空间宽度。固定容器(非流体)效果很好。Container-fluid 和 bootstrap carousel 的行为相同。只有当我更改上面的容器时才会发生这种情况。非流体容器和全 Angular 版本有关系吗？

Answer 1

OP 的解决方案。

我还必须为容器流体(和其他 100% 元素)声明相同的最小宽度，因为在移动设备上它们保持设备的最大宽度，这可能低于我的固定宽度容器。

.container, .container-fluid, all-elements-with-100%-width{
  min-width: 940px !important;
}