时间戳

首页 > 解决方案 > 为什么 Bootstrap 4 不会在移动设备上中断？

css - 为什么 Bootstrap 4 不会在移动设备上中断？

问题描述

我有这个代码

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6"></div>
        <div class="col-md-6"></div>
    </div>
</div>

当我在浏览器中测试它并将浏览器调整为较小的窗口时，我看到了 div 的堆叠。但是当我将它部署到我的服务器并在我的手机上访问该站点时，它并没有堆叠！我已经在两台使用 Chrome 的 Android 设备上进行了尝试，两者都表现出相同的行为。

我也试过这个，但没有成功：

<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-md-6"></div>
        <div class="col-12 col-md-6"></div>
    </div>
</div>

我在这里想念什么？

编辑：在我的 index.htmlhead部分中，我添加了以下行，但没有成功：

<meta name="viewport" content="width=device-width, initial-scale=1" />

编辑：案例关闭：清除我手机上的缓存后，它终于堆叠了div。我无法判断这是否是因为元标记，但我会将其标记为已接受的答案。

标签： csstwitter-bootstrapbootstrap-4

解决方案

哟应该加

<meta name="viewport" content="width=device-width, initial-scale=1">

在<head>标签中。更多信息

推荐阅读