布局在移动屏幕上不会改变

Question

这里我有一个bootstrap 3布局，你可以看到当我更改浏览器尺寸时它运行良好：

但是当我在移动设备上试用这个版本时我没有.xs clasess的版本我在普通的浏览器宿舍屏幕上获得全屏版本。

可能是什么问题？ Bootstrap 3或我的手机浏览器？

Answer 1

最有可能的是，你需要将它添加到你的头脑中。

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

为了与“旧的”非响应式网站兼容，大多数移动浏览器会自动伪造他们的屏幕，以便他们能够正确显示这些网站。这个元标记阻止他们这样做。