openlayers F11全屏顯示

當地圖的初始化寬度和高度都不是100%的時候，F11瀏覽器全屏的時候只會寬度的100%，高度還是原來地圖的高度。

解決

解決此問題的關鍵還是在於全屏的時候地圖的容器的高度也得變成100%。因此，解決代碼如下：

html,
body,
#map{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #0f1467;
}

#map{
  height: 50%;
}

#map:-moz-full-screen {
  height: 100%;
}
#map:-webkit-full-screen {
  height: 100%;
}
#map:-ms-fullscreen {
  height: 100%;
}

#map:fullscreen {
  height: 100%;
}