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

不写博客都要忘记了碰上的问题了。。 微信新版会在底部增长导航条，以前的网站使用高度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%高度，别的页面继续自适应了