微信新版 公衆號隱藏導航條

不寫博客都要忘記了碰上的問題了。。 微信新版會在底部增長導航條，以前的網站使用高度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%高度，別的頁面繼續自適應了