css - 如何确保我的 bootstrap 布局在手机上大小合适？

Question

我正在尝试构建一个顶部有导航栏、底部有全屏开放图层 map 的页面。还有一个离页导航 Pane ，当单击汉堡包字形时，它会滑入。

我在笔记本电脑屏幕上得到了我想要的布局，但是当我在手机上查看时，导航栏和字体太小了。我是否在 Bootstrap 中遗漏了一些东西来完成这项工作？是 openlayers CSS 的错吗？

Screenshot
直播:http://carpiediem.github.io/quartermaester/

Answer 1

试试这个:
您应用了 body {font-size: 80%;}。在媒体查询中为菜单删除或编写类。