如何禁用 Bootstrap 4 中的响应行为?

How can I disable the responsive behaviour in Bootstrap 4?

如何在保持样式的同时禁用 Bootstrap 4 中的响应行为?我希望在移动设备 phone 中访问该网站的用户拥有与桌面版本相同的网站,并使用手指手势进行放大和缩小。我该怎么做?

虽然 Bootstrap 并不是真的没有响应,但您可以通过更改视口元标记来实现类似的效果。

<meta name="viewport" content="initial-scale=0.1">

这会将初始比例设置为原始比例的 10%。

有关更多信息,请参阅 https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport

所以我建议您将所有内容都放在 bootstrap 网格中,并将其设计为仅用于移动视图。因此,不要像 "col-4 col-md-3" 那样对多种屏幕尺寸使用多个 类 或像 "col" 那样灵活,而只使用 "col-n" 类,所以在移动设备上它看起来像你想要它看起来(如果你在 cols 中放置足够的内容,你也必须放大和缩小,因为使用 col-n 你告诉 bootstrap 在最小屏幕尺寸上使用可用宽度的 n/12及以上)和在桌面上它会显示其完整的美感,而无需缩放。 我希望这会有所帮助:)