html - Bootstrap 网格在移动设备上没有响应

Question

我在布局中使用引导网格。当我缩小浏览器的宽度时，网格元素会重新排列以适应。但是，如果我在手机上查看该网站，或者在 chrome 的开发人员选项中将浏览器 View 模式设置为移动设备，网格元素不会移动，所有内容都保持原样但尺寸减小，所以我最终得到一个非常小的版本我的网站。

我的网格使用:

<div class='row'>
    <div class='col-md'>content</div>
    <div class='col-md'>content</div>
</div>

我是否错误地使用了 -md 部分。我喜欢它在浏览器上的中断点，但这是否也会影响移动设备？

编辑:只是为了添加一些关于我的网站的特点。

1. 它托管在 Github 上，即。我的名字.github.io
2. 问题仅出现在在线版本中，离线时网格重新排列正常。
3. 我使用域转发到我的 github 地址，即。 Myname.com -> myname.github.io

以防万一这会影响到任何东西

Answer 1

这听起来好像您没有插入 viewport 标签，所以移动设备会按原样缩放您的网站以适合屏幕。将其放入 html 代码的 head 部分:

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