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

时间:2017-03-30 12:54:04

标签: html twitter-bootstrap responsive-design bootstrap-4 twitter-bootstrap-4

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

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

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

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

另请参阅https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport了解更多信息。