如何确保我的引导程序布局在手机上的大小合适？

Question

我正在尝试构建一个页面，其顶部是导航栏，下面是全屏打开的图层地图。还有一个离页导航窗格，在点击汉堡包字形时会滑入。

我在笔记本电脑屏幕上得到了我想要的布局，但是当我查看手机时，导航栏和字体太小了。我是否在引导程序中遗漏了一些内容以使其工作？这是openlayers CSS的错吗？

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

Answer 1

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