微信新版 公众号隐藏导航条

不写博客都要忘记了碰上的问题了。。 微信新版会在底部增加导航条，之前的网站使用高度100%。所以一直会有导航条，修改高度为自适应就好。 因为网站上有地图控件 所以需要固定高度。解决方法只要给区分页面写高度就好，因为网站是单页面 样式会继承。所以问题出现了。

直接写代码

html {
  height: 100%;
  /* height: 100%; */
}

body {
  min-height: 100%;
}
.map-class{
   height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

map-class 把这个class加到地图页面外层div上就可以拿到100%高度，别的页面继续自适应了