javascript - Bootstrap 网站在移动设备上没有响应

Question

更新:我已经更改了 % 并将 px 值设置为 max-width 但它仍然不响应图像，移动菜单也不工作.. ( link to website )

我在一个使用 Bootstrap 的网站上工作，但出于某种原因它没有响应。我将 viewport 设置为 meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1"

Bootstrap.css 首先，然后是 theme.css。

Answer 1

我看到了几个问题:

1) 您的 col-lg-1 和 col-lg-10 类需要立即位于带有 row 类的 div 中，在 container 类中。也不要将它们包装在 modal-body 中 - 这会阻止响应式网格样式正常工作。

2) 您可能还应该向列中添加一些 col-md-** 和 col-sm-** 类，以便更好地控制比例中号和小号，而不是仅仅指定大号。

3) 从container 中的类中移除所有固定宽度。